Athletics 网站预览
Athletics 网站预览

Athletics

近黑色基底、衬线字形与分屏构图。

页面以近黑色为基底。字体采用 Feature Deck、Söhne。视觉特点包括衬线字形、分屏构图、非对称构图、大字排版。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 基础画布采用#000000,抬升分区横带#1d1d1d,绝不反转为浅色主题。
  • 展示标题采用Feature Deck 300、72–116px,letter-spacing介于-0.009em至-0.018em;负字间距是编辑式感受不可更改的要求。
  • 9999px圆角只用于标签和按钮,8px只用于矩形卡片或图像容器。
  • 主要分区分隔采用128–144px纵向内边距;宽松空气感使系统显得经过考虑,而非密集。
  • 列表作为样本或索引时,以Söhne 400全大写单字母A、B、C、D在左侧紧齐作注释。
  • 所有彩色限定在品牌标志或编辑式摄影内部,界面本身必须保持纯单色。
  • 大型Feature Deck衬线标题配上方小型全大写Söhne 400标签,116px与16px的字号对比是主要层级信号。

建议避免

  • 不要引入任何彩色界面色,UI元素中没有蓝、绿、红或暖色调;彩色只属于图像。
  • Feature Deck衬线不要用于正文、导航或功能文字,它只用于72px+展示。
  • 任何元素都不要采用box-shadow或drop-shadow;系统通过平面表面和细线边框完成全部分隔。
  • 衬线展示标题不要采用400或更高字重;轻细字重是标志性特征,更重字重会破坏低语般权威。
  • 文字块后方不要采用渐变、辉光或彩色背景,分区始终为平面#000000或#1d1d1d。
  • 文字不要使用#d6d5d0,它是边框或分隔线颜色,阅读对比不足;全部可读文字采用#ffffff。
  • 导航或页眉区域不要添加背景填充,顶部栏始终在深色画布上透明。