Bmw M

高端汽车杂志与奢华产品展厅的结合。

采用深邃、富有戏剧性的背景，让车辆摄影成为视觉焦点；高对比度白色文字确保清晰度；品牌蓝用于主要操作。

grotesque-sans

• display60px · 900
• heading24px · 400
• body16px · 400

标题常使用全大写以加强强调效果。 · 界面内正文统一使用16px大小。 · 整体采用高对比度（深色背景上的白色文字）以最大化可读性。

布局宽敞，主要区块周围留有显著内边距，让图像得以呼吸。

采用细微、纤细的白色边框，仅用于必要的区域分隔。

rgba(0, 0, 0, 0.3) 0px 1px 5px 0px · rgba(0, 0, 0, 0.5) 0px 4px 25px 0px

全宽主视觉区域采用文字与图像分列的布局，后续接以网格化的内容卡片。

悬停状态与交互时使用平滑的变换效果。 · 长时间的变换效果用于背景或图像的细微动态。

交互元素在悬停时呈现细微的颜色或变换变化。 · 通过色彩变化提供即时的视觉反馈。

• button 实心蓝色矩形按钮，配以白色文字，用于主要操作。
• card 图像为主、文字叠加最少的卡片，用于内容浏览。
• input 简洁的文本输入框，带底部边框，用于搜索功能。
• hero 大幅、富有戏剧性的分列布局，深色背景上呈现全高图像与醒目的标题文字。

• 语气 自信、鼓舞人心且高端。
• 标题风格 粗体、直接，常采用全大写以传达力量感与兴奋感。
• 按钮文案 简洁、行动导向且高对比度。

• 避免使用浅色背景——截图显示整体采用深色主题。
• 避免使用装饰性或手写字体——截图显示采用简洁、现代的无衬线字体。
• 避免为主要按钮使用圆角——截图显示采用锐利的矩形按钮。
• 避免使用过多强调色——截图显示仅使用单一、主导性的品牌蓝。
• 避免使用列数过多的复杂网格——截图显示采用简洁、聚焦的布局。
• 避免使用小而拥挤的文字——截图显示采用充裕的间距和清晰的字体排版。
• 避免: 俏皮语言
• 避免: 过多标点
• 避免: 低对比度文字

历史提取与模型分析 · 尚未逐项校验