Patrick Miller 网站预览
Patrick Miller 网站预览

Patrick Miller

浅色基底、分屏构图与大字排版。

页面以浅色为基底。字体采用 MlrStandard。视觉特点包括分屏构图、大字排版、紧密字距、大幅图像展示。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 首屏姓名设为331px MlrStandard、lineHeight 0.80及letterSpacing -0.02em,这是标志性尺度,而非参考建议。
  • 所有字体和控件采用72px标准视口边缘留白。
  • 区块使用铺满画面的色域,绝不使用宽度受控的卡片或带边框面板。
  • 四种强调色(#fd9b65、#e9d1c7、#f8f5d1、#9ac8ae)构成整个区块系统,其间不插入中性色。
  • 唯一实心交互元素采用Inkwell Blue(#004b82)及9999px圆角,其他一切保持平面或描边。
  • 旋转的Contact徽标锚定视口右上角,旋转约-15°。
  • 所有次要文字保持16px MlrStandard,字间距在+0.01em与+0.02em之间。

建议避免

  • 任何地方都不要引入阴影、渐变或模糊效果,系统完全平坦。
  • 除圆形操作按钮(9999px)外,任何地方都不要使用圆角,表面、徽标和色域保持0px。
  • 不要为字体添加卡片、面板或容器,字体直接位于色域上。
  • 标题不要混入系统字体,MlrStandard是唯一展示字体,-apple-system 200字重只用于一个特定按钮标签。
  • 按钮或链接不要使用第二种饱和颜色,Inkwell Blue(#004b82)是唯一彩色交互元素。
  • 桌面端首屏姓名不要小于200px,331px尺度就是品牌识别。
  • 文字不要使用浅灰,所有字体在每个表面上都为完全不透明的Obsidian(#000000)。