Porsche

This system projects an image of controlled power and exclusivity, reflecting the Porsche brand. The primary visual tension arises from the interplay of stark black and white surfaces, punctuated by crisp, minimal typography. Design decisions lean towards functional elegance, conveying luxury through restraint and precise spacing rather than overt embellishment, often employing photography within geometric containers. Use Obsidian (#000000) for all primary body text and most UI elements on light backgrounds. Maintain a clear visual hierarchy with Porsche Next, reserving larger sizes (73px, 95px) for hero headlines and smaller sizes (14px, 16px) for details and navigation. Apply 8px radius consistently to all content cards and larger visual containers. Employ the 12px radius for interactive elements like buttons, creating a subtle contrast with card radii. Prioritize generous vertical section gaps of 63px or 81px to ensure a spacious and premium feel. Leverage the pure contrast of #000000 and #ffffff for text and background pairings to achieve maximum readability and a bold aesthetic. Avoid using multiple font families; adhere strictly to Porsche Next for all typography. Do not introduce decorative shadows; the design relies on flat, high-contrast surfaces and careful spacing for depth. Refrain from using saturated accent colors; the palette is strictly achromatic to maintain sophistication. Do not deviate from the established radii of 8px (cards), 12px (buttons), and 4px (inputs/badges); consistent subtle shaping is key. Avoid dense information blocks; use spacious layouts with ample white (or black) space around content. Do not use gradients; the system employs flat colors for a crisp, unambiguous presentation.