Freytag Anderson 网站预览
Freytag Anderson 网站预览

Freytag Anderson

近白色基底、大幅摄影展示与胶囊形控件。

页面以近白色为基底,搭配近黑色文字。字体采用 FAVORIT、Clarkson。视觉特点包括大幅摄影展示、胶囊形控件、细线分隔、网格布局。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 色板只保留六种中性色,绝不引入彩色强调;设计力量来自克制。
  • 满幅媒体上的所有文字锚定视口左上角,居中或中部对齐会破坏标题卡逻辑。
  • 界面与正文只用 FAVORIT,不为层级导入次级字体,让字重 300 与 400 及字号承担表达。
  • 正文行高设为 1.7,充足行高是系统安静、慢读节奏的一部分。
  • 主要区块之间使用 288px 底部内边距,形成各幕间的电影呼吸。
  • 照片与视频边到边填满视口,无边框、圆角或覆盖外框。
  • 每个按钮都用胶囊几何 border-radius: 300px,系统没有方形或轻微圆角按钮。

建议避免

  • 不要添加蓝、红、绿彩色强调,系统刻意无彩色,单一色相都会粉碎电影比喻。
  • 不要添加卡片阴影、投影或浮起 Token,设计平面,靠色彩对比与留白分隔。
  • 文字不要水平居中,左上角锚点是系统定义姿态。
  • 不要添加带可见菜单项的传统导航栏,汉堡菜单是唯一导航表面。
  • 不要用多种字体建立层级,FAVORIT 是唯一声音。
  • 图片不要加框或圆角,照片以原始、满幅、无边框呈现。
  • 不要用粗字重 600+,系统只以 300、400 发声,更重会破坏低声语气。