Aesop 网站预览
Aesop 网站预览

Aesop

暖白色基底、衬线字形与视频展示。

页面以暖白色为基底,搭配深灰色文字。字体采用 SuisseIntl、Zapf-Humanist。视觉特点包括衬线字形、视频展示、网格布局、宽松留白。适合参考的场景:建筑作品集、空间项目展示页。

查看原始网站

使用规范

建议采用

  • 大型、富有情感的标题必须专用地使用‘Zapf-Humanist’,其他情况一律默认使用‘SuisseIntl’。
  • 所有矩形UI元素,如卡片、按钮和输入框,均需保持锐利的0px圆角。
  • 依赖充足的空白空间(各部分之间间距不少于96px)进行分隔,而非使用分隔线或阴影。
  • 在产品卡片和功能区块内,将文本与图像居中对齐。
  • 主要内容使用亚麻色(#fffef2)和灰黑色(#333333)的搭配。
  • 保持布局简洁:采用居中的堆叠结构或平衡的多列网格布局。
  • 使用深色行动按钮进行所有主要购买操作。

建议避免

  • 除圆形图标按钮外,任何元素均不得使用圆角。
  • 不得使用阴影或其他任何3D效果来表现层级感。
  • 不得引入新颜色;配色方案是刻意限制的。
  • 不要使用渐变。
  • 不要将文字放置在图像的复杂部分上;确保有高对比度。
  • 不要使用展示模特或手部使用产品的场景摄影。
  • 不要创建复杂、重叠或不对称的布局。