Moffitt.Moffitt. - 网站预览
Moffitt.Moffitt. - 网站预览

Moffitt.Moffitt. -

白色基底、衬线字形与大幅摄影展示。

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

查看原始网站

使用规范

建议采用

  • 所有按钮、标签和过滤胶囊控件均使用 50px 的边框半径——胶囊形状是标志性的控件几何结构
  • 将页面画布设为纯 #ffffff,并让图片溢出边缘,不设边距或边框
  • 仅将 Lyon 字重 100 用于标题和引述块——切勿用于正文或 UI 标签
  • 使用 1px #ebecec 细线分隔不同表面,并通过明度对比实现,禁止使用阴影
  • 在所有界面元素中保持完全无彩色——任何色彩必须存在于编辑类艺术作品中
  • 正文使用 Suisse 400,16px,搭配充足的行高(1.25-1.39)以匹配编辑风格
  • 使用 20px 元素间距和 40px 区块间距,以维持杂志版面的节奏感

建议避免

  • 在 UI 品牌元素中禁止引入任何彩色品牌色、渐变或装饰填充
  • 禁止在卡片、按钮或图片上添加阴影或发光效果——设计刻意保持平面化
  • 禁止将 Lyon 字重 100 用于功能标签、按钮或导航——它仅是展示类字体
  • 禁止将卡片圆角超出 5px——50px 胶囊控件与 5px 卡片的对比是结构性的
  • 禁止为编辑类引述块添加边框、背景或容器——应让其漂浮于画布之上
  • 禁止在正文使用粗体(600及以上)——Suisse 500 是最重的可用功能字重
  • 禁止为圆形图标按钮或滑动计数器添加阴影或发光效果