BMW.com

白色基底、摄影展示与宽松留白。
页面以白色为基底,搭配近黑色文字。字体采用 BMWTypeNextLatin、BMWTypeNextLatin Light。视觉特点包括摄影展示、宽松留白、单栏阅读排版、大幅图像展示。适合参考的场景:摄影作品集、视觉内容展示页。
查看原始网站使用规范
建议采用
- 使用 BMWTypeNextLatin Light 300 字重、60px 字号作为页面单个最大标题——这是品牌的字形标志。
- 让产品摄影充满整个视口宽度,无任何叠加UI——图像即为界面。
- 所有白色表面的正文和标题文字使用 Carbon(#262626);对比度为 15.1:1,达到 AAA 标准。
- 保持所有组件无边框、无阴影——深度来自表面对比(白色与#262626)和留白,绝非来自层级抬升。
- 所有元素的圆角半径设为0——方形几何是汽车精密语言的一部分。
- 仅使用深色 Carbon 页脚条作为唯一色彩对比时刻;其余内容区块保持白色或 Fog(#f1f1f1)色。
- 导航和页脚项目以16px字重400的纯文本呈现——无胶囊形控件、无芯片、无装饰容器。
建议避免
- 不要加粗显示标题——300字重不可更改;700以上字重破坏了克制感。
- 不要为卡片、按钮或导航添加阴影——系统设计上完全无阴影。
- 不要引入强调色、渐变或装饰性背景——唯一有色彩的内容是摄影。
- 不要为按钮、卡片或徽章添加圆角——所有边缘保持锐利,0px。
- 不要使用颜色来表示悬停、聚焦或激活状态——仅通过下划线或字重变化实现。
- 不要将 BMWTypeNextLatin Light 变体用于正文或小字号——该字体仅限于40px及以上显示用途。
- 不要在首屏摄影上叠加文字、按钮或UI控件——保持图像纯净无干扰