Freshman 网站预览
Freshman 网站预览

Freshman

近黑色基底、大字排版与扁平表面。

页面以近黑色为基底,搭配白色文字。字体采用 Editorial New、TT Firs Neue。视觉特点包括大字排版、扁平表面、摄影展示。适合参考的场景:音视频产品介绍页、媒体内容展示页。

查看原始网站

使用规范

建议采用

  • 文字标志使用 Editorial New 字重 200 斜体,绝不粗体或正体,超轻就是标志。
  • 只用 #000000 画布上的 #ffffff 文字,1px 白色细线是唯一允许的结构分割。
  • 每页项目轮播锚在视口底部,它是网站导航脊柱。
  • 正文描述用 TT Firs Neue 16px,正下方搭配方括号包裹的 Wasted Year 标语;手写字体标点不可省略。
  • 每个视口最多一个元素用 #ff2936,它是标点,不是油漆。
  • 紧凑界面标签,如轮播项和计数,用 Altform,行高 0.86-0.88,字间距 -0.03em,形成电影节字幕滚动节奏。
  • MENU 触发器保持裸排版标签,无边框、背景或图标按钮外框。

建议避免

  • 不要引入阴影、渐变或任何浮起,平面就是系统。
  • 不要添加卡片背景或圆角,所有表面在黑画布上都是 0px 圆角。
  • 标题不要用粗或半粗,字重 200 的 Editorial New 是定义品牌的反常规。
  • #ff2936 不要用于按钮填充或大背景块,大尺度使用会失去全部冲击。
  • 不要添加次级导航、面包屑或页面标签页,MENU 触发器与轮播就是完整信息架构。
  • 正文不要高于 16px 或低于 14px,字号尺度刻意紧密。
  • 不要交替浅深区块,页面统一深色,深度来自字号而非表面色。