Marylou Faure 网站预览
Marylou Faure 网站预览

Marylou Faure

白色基底、细线分隔与分屏构图。

页面以白色为基底。字体采用 Helvetica Now、GTStandard-M。视觉特点包括细线分隔、分屏构图、网格布局、单栏阅读排版。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 页面背景保持 #ffffff,所有结构文字保持 #000000,界面刻意单色。
  • 1px solid #000000 边框作为主要结构元素,替代阴影、卡片与色彩填充。
  • 所有图片与项目网格的 border-radius 设为 0,只有购物车按钮用 8px 圆角。
  • 项目标题设为 40px、字重 600,作为页面唯一排版强调。
  • 让插画影像承载所有彩色,绝不添加与作品竞争的彩色界面元素。
  • 12px 大写标签,如导航品牌、精选客户、个人作品等,使用 0.0420em 字间距,赋予标签式存在感。
  • 保持充足留白:内联元素间 15px,项目区块内部内边距 30px,主要内容块之间 33px。

建议避免

  • 界面容器不要添加阴影、渐变或彩色背景,平面细线边框美学就是标志。
  • 任何彩色不要作为行动入口、按钮填充或激活状态,红、粉、蓝只属于插画内部。
  • 图片、项目卡片或缩略图不要加圆角,只有 8px 购物车按钮打破尖角。
  • 不要引入第二种字体或装饰展示字体,Helvetica Now 的两个字重就是完整系统。
  • 项目图片不要加悬停覆盖层、缩放效果或过渡动画,应平面直接呈现。
  • 项目间不要使用彩色分割线、带色区块背景或交替条带色。
  • 首屏不要添加主标题、口号或营销块;顶部导航和简介块就是完整引言。