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

Moffitt.Moffitt. -

精选画廊于骨白亚麻材质上

Moffitt.Moffitt. 作为骨白亚麻材质的精选画廊:每个屏幕都始于纯白色画布,随后融入全幅摄影与单线衬线字体。配色刻意保持无色——黑、白以及三种灰调承载全部界面重量,而色彩仅存在于编辑类艺术作品中(红裙、青色海报)。组件极简至几乎不可见:胶囊形控件、细线边框、无阴影、无渐变、无装饰。字体是品牌特征——轻盈字重的展示衬线字体用于标题,无衬线字体用于实用功能。整体效果如同印刷版年度报告或博物馆墙面文字:自信、克制,并充分让影像承担主要表达。

查看原始网站

使用规范

建议采用

  • 所有按钮、标签和过滤胶囊控件均使用 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 是最重的可用功能字重
  • 禁止为圆形图标按钮或滑动计数器添加阴影或发光效果