BMW M

BMW M
难度:
行业风格
bmw-m

效果预览

风格描述

赛车运动子品牌。近黑驾驶舱界面,BMW M 三色点缀

标签

BMW M汽车

提示词模板

基础模板
Design a BMW M-inspired interface. - Near-pure black canvas ({colors.canvas} — #000) with white type across the analyzed editorial and marketing pages. Configurator, account, checkout, and order-management flows are unresolved and may introduce light surfaces.; - Display headlines use UPPERCASE BMW Type Next Latin Light when following the BMW family system. Heavier uppercase settings are reserved for labels, buttons, card titles, and observed M-specific emphasis.; - M tricolor ({colors.m-blue-light} / {colors.m-blue-dark} / {colors.m-red}) used as 4px brand-stripe dividers, M-wordmark accents, and motorsport chrome — never as buttons or fills.; - Photography fills entire bands edge-to-edge. Cars are always the visual subject; UI chrome backs off to small white labels overlaid on photography.; - Buttons are flat with 0px corners and uppercase letterspaced labels. The "industrial precision" rectangular silhouette IS the brand..  Typography: (#ffffff):.

变体提示词

📱 移动端
Design a mobile app with BMW M aesthetics. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with BMW M style. Professional, responsive layout.
📊 仪表板
Design a dashboard with BMW M design language. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with BMW M visual identity. Compelling, conversion-focused.

使用示例

BMW M App

Web App
Build a web app with BMW M design language and brand color system.

BMW M Dashboard

Dashboard
Create a dashboard using BMW M style with data visualization and (#ffffff): typography.

适合场景

  • Automotive
  • Brand-consistent interfaces
  • Modern web applications

不适合场景

  • Unrelated design aesthetics
  • Different brand guidelines