Porsche

# Porsche Design System

## Visual Theme & Atmosphere
German engineering excellence meets racing heritage. Bold sans-serif typography commands attention. Clean black/white base with red (#D5001C) as the racing accent. Full-viewport imagery of cars in motion. Every element exudes precision and power.

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #000000 | Black, backgrounds |
| Secondary | #D5001C | Porsche Red, racing accent |
| Background | #FFFFFF | Clean white |
| Surface | #F5F5F5 | Light gray panels |
| Text | #000000 | Black text |
| Muted | #666666 | Secondary text |
| Border | #E0E0E0 | Light border |

## Typography Rules
- **Font**: Porsche Next, bold condensed sans-serif
- **Base Size**: 16px
- **Line Height**: 1.2 (tight)
- **Headings**: Very large, bold, uppercase

## Component Stylings
- **Hero**: Full viewport car image, bold text overlay
- **Cards**: Image-first, minimal text, clean borders
- **Navigation**: Minimal top bar, mega menu on hover

## Agent Prompt Guide
Clean white background, bold black typography with red accent, full-viewport car imagery, tight line heights, German precision aesthetic.