Isla Beauty
近白色基底、细线分隔与摄影展示。
Faire ES
近白色基底、大幅摄影展示与衬线字形。
页面以近白色为基底。局部操作控件以黄色强调。字体采用 Graphik、Nantes。视觉特点包括大幅摄影展示、衬线字形、非对称构图、大字排版。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 使用奶油色 #fbf8f6 画布作为页面背景，绝不使用纯白色——温暖的色调是品牌身份的一部分
- 将所有正文和 UI 文字设置为 Graphik 400，字间距保持在 0.0090em 至 0.0110em 之间
- 在 30px 及以上标题中使用 Nantes 400（或人文衬线字体替代）作为编辑性标题，行高控制在 1.23 至 1.27 之间
- 为所有分类导航、筛选标签和标签元素提供 40px 的圆角胶囊形状
- 保持所有按钮、输入框和卡片的圆角为 4px
- 在任意页面的单一主要行动号召按钮中使用哑光黑色 #000000 填充——绝不引入彩色按钮
- 仅将 #f1f29f 用作标题下方短 3px 的装饰性下划线；绝不作为背景、边框或文字颜色使用
建议避免
- 任何组件均不使用阴影或模糊效果——深度来自区块色彩过渡，而非堆叠层级
- 绝不引入彩色主要操作色（绿色、红色、蓝色）——整个交互系统保持无彩色
- 绝不加粗 Graphik 标题——其标志性特征为 100 或 400 字重；权威感来自衬线字体，而非无衬线字体的粗重感
- 绝不将黄色 #f1f29f 用于按钮、徽章或提醒提示——它仅是编辑性装饰，非功能性状态色
- 绝不使用大于 40px 或小于 4px 的圆角——系统仅有两个圆角值
- 绝不引入渐变——整个页面保持平面色彩，包括首屏叠加层
- 正文或导航场景中绝不使用居中对齐文本——网站整体为左对齐，具有编辑性不对称感
