Aesop

暖白色基底、衬线字形与视频展示。
页面以暖白色为基底,搭配深灰色文字。字体采用 SuisseIntl、Zapf-Humanist。视觉特点包括衬线字形、视频展示、网格布局、宽松留白。适合参考的场景:建筑作品集、空间项目展示页。
查看原始网站使用规范
建议采用
- 大型、富有情感的标题必须专用地使用‘Zapf-Humanist’,其他情况一律默认使用‘SuisseIntl’。
- 所有矩形UI元素,如卡片、按钮和输入框,均需保持锐利的0px圆角。
- 依赖充足的空白空间(各部分之间间距不少于96px)进行分隔,而非使用分隔线或阴影。
- 在产品卡片和功能区块内,将文本与图像居中对齐。
- 主要内容使用亚麻色(#fffef2)和灰黑色(#333333)的搭配。
- 保持布局简洁:采用居中的堆叠结构或平衡的多列网格布局。
- 使用深色行动按钮进行所有主要购买操作。
建议避免
- 除圆形图标按钮外,任何元素均不得使用圆角。
- 不得使用阴影或其他任何3D效果来表现层级感。
- 不得引入新颜色;配色方案是刻意限制的。
- 不要使用渐变。
- 不要将文字放置在图像的复杂部分上;确保有高对比度。
- 不要使用展示模特或手部使用产品的场景摄影。
- 不要创建复杂、重叠或不对称的布局。