GUSTAVO Faria © 网站预览
GUSTAVO Faria © 网站预览

GUSTAVO Faria ©

白色基底、紧密字距与细线分隔。

页面以白色为基底，搭配深灰色文字。字体采用 custom_21879 / custom_49610。视觉特点包括紧密字距、细线分隔、衬线字形、分屏构图。适合参考的场景：设计产品官网、作品展示页。

查看原始网站

使用规范

建议采用

  • 首屏陈述使用125-142px的定制展示衬线，letter-spacing为-0.047em。
  • 作品列表行之间采用1px solid #dcdcdc底部边框分隔。
  • 所有文字都采用#ffffff上的#282828；正文避免纯#000000，以减轻眼睛疲劳。
  • 所有元素都保持0px border-radius；这是一套平面、受印刷启发的系统。
  • 所有UI和正文采用-apple-system；系统字体应退居幕后，让展示衬线拥有整个页面。
  • #efc4b2是唯一的彩色表面，而且只能位于图像后方，绝不作为UI背景。
  • 页面以唯一的巨大展示标题锚定，其余一切都保持小巧和安静。

建议避免

  • 不要添加阴影、渐变或抬升效果；设计刻意保持平面。
  • 不要引入强调色、带背景填充的悬停状态或装饰渐变。
  • border-radius不要大于0px；清晰直角是编辑式身份的核心。
  • 不要将展示衬线混入正文或UI标签；它只属于首屏尺度。
  • 正文不要采用粗体或厚重字重；400字重的系统字体应保持平静。
  • 不要在每个分区中用多个视觉元素挤满布局；让留白和尺度发挥作用。
  • 边框或次级文字不要采用#000000；它只保留给展示文字和高对比时刻。

相似设计语言