Ferrari 网站预览
Ferrari 网站预览

Ferrari

深色基底、居中构图与大幅摄影展示。

页面以深色为基底,搭配白色文字。字体采用 Body-Font、FerrariSans。视觉特点包括居中构图、大幅摄影展示、细线分隔、扁平表面。适合参考的场景:商品详情页、品牌产品介绍页。

查看原始网站

使用规范

建议采用

  • 所有展示文字均使用大写,字间距控制在 0.083em 至 0.091em 之间——宽阔的字间距是系统的表达方式
  • 使用 #000000 和 #181818 作为满幅区块背景色;让摄影与白色文字承担视觉重量,不使用任何竞争性表面
  • 交互状态(悬停、聚焦、激活)仅使用 #da291c,禁止作为背景填充,禁止作为装饰色
  • 除单个 9999px 胶囊形控件外,所有角落半径保持 0px——锐利的几何形态是系统特征
  • 所有界面文字设置为 11-13px;仅将 16px 保留用于区块标题和首屏标题
  • 图片应延伸至视口边缘,不添加内边距、边框或圆角——照片即为布局
  • 使用 1px 细线 #303030 或 #d2d2d2 分隔线进行结构分隔——禁止使用卡片阴影或抬升面板

建议避免

  • 按钮、卡片或面板均不可引入圆角——系统设计为零半径
  • 禁止将 #da291c 用作填充背景或装饰性底色——该色仅表示操作状态
  • 禁止在未使用大写处理的情况下将正文文字设置低于 11px;字间距依赖于字号关系
  • 禁止添加卡片阴影、抬升或浮动面板——所有表面紧贴黑色虚空
  • 禁止使用彩色文字,除非为 #ffffff、#8f8f8f 或 #da291c 悬停状态
  • 禁止在背景中使用渐变——CSS 令牌定义了特定组件状态下的渐变行为,而非页面级装饰
  • 禁止在满幅首屏摄影周围添加内边距或外边距——图像必须触及每一条边缘