BMW M 是宝马的赛车运动子品牌，界面是「驾驶舱视角」：近纯黑画布配白色文字，M 三色条纹（浅蓝/深蓝/红）只以 4px 品牌饰条、M 字标与赛车镀铬件形式出现，绝不用于按钮或填充；摄影满幅铺底，车辆永远是视觉主体，UI 退居为照片上的小号白色标签；按钮扁平、零圆角、大写加宽字距——矩形轮廓本身就是品牌。适合性能品牌与运动叙事界面。
汽车编辑与印刷
提示词模板
基础模板
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 应用
Web 端Build a web app with BMW M design language and brand color system.
BMW M 仪表板
仪表板Create a dashboard using BMW M style with data visualization and (#ffffff): typography.
✅ 适合场景
- 汽车行业
- 赛车与性能主题页
- 深色运动化界面
❌ 不适合场景
- 温和居家产品
- 明亮教育界面
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。