BMW is the German luxury automotive brand where engineering precision is the design language. Its interface sets BMWTypeNextLatin Light at weight 300 in uppercase display for whispered authority, reserves BMW Blue (#1c69d4) for interactive elements only, and keeps every corner at zero radius — sharp angles as industrial geometry. Dark hero photography alternates with white content sections for showroom lighting rhythm.
AutomotiveEditorial
Prompt Template
Base Template
Design a BMW-inspired interface. - BMWTypeNextLatin Light (weight 300) uppercase for display — whispered authority; - BMW Blue (#1c69d4) as singular accent — used only for interactive elements; - Zero border-radius detected — angular, sharp-cornered, industrial geometry; - Dark hero photography + white content sections — showroom lighting rhythm; - CSS variable-driven theming: --site-context-* tokens for brand flexibility. Colors: #ffffff, #1c69d4, #0653b6, #262626 with #1c69d4 accent.
Variant Prompts
📱 Mobile
Design a mobile app with BMW aesthetics. Use BMW color identity with #1c69d4 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with BMW style. Use BMW color identity with #1c69d4 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with BMW design language. Use BMW color identity with #1c69d4 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with BMW visual identity. Use BMW color identity with #1c69d4 accents. Compelling, conversion-focused.
Usage Examples
BMW App
WebBuild a web app with BMW design language and #1c69d4 color system.
BMW Dashboard
DashboardCreate a dashboard using BMW style with data visualization and modern typography.
✅ Best For
- Automotive
- Automotive brands and configurators
- Premium industrial product pages
❌ Avoid For
- Casual consumer apps
- Colorful kids interfaces
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.