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

Freytag Anderson

影院幕布在一个词上升起。 巨大动态影像承载屏幕,品牌名像标题卡坐在角落,没有其他东西争夺注意。

Freytag Anderson 像电影感作品集:满幅氛围摄影承载全部视觉重量,排版退为低语。网站几乎全无彩色,灰白画布 #fafafa、纯黑墨、唯一像电影幕间休息的暖炭灰区块。唯一无衬线 FAVORIT 是唯一声音,标题、正文、界面都同样使用,通过字重变化与字间距完成层级。影像上的文字始终锚定视口左上角,唯一汉堡线条代替常规导航。组件减到最少:细边框的胶囊幽灵控件,无卡片表面、阴影或渐变。印象如电影开场,影像、标题、静默,而非产品界面。

查看原始网站

使用规范

建议采用

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

建议避免

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