Isla Beauty
近白色基底、细线分隔与摄影展示。
OLIPOP
暖白色基底、胶囊形控件与圆角卡片。
页面以暖白色为基底。字体采用 WindsorEF、Ano。视觉特点包括胶囊形控件、圆角卡片、衬线字形、插画元素。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 所有 32px 及以上标题使用 WindsorEF 字重 800 或 900——此装饰体是品牌声音本身
- 将主要行动号召按钮设置为 50px 圆角（完整胶囊形）搭配森林青色（#14433d）填充和白色文字
- 使用奶油色（#fdf7e7）作为所有区块的背景底色——永远不要使用纯白色作为画布
- 为所有内容卡片设置 16px 圆角，所有交互元素（按钮、输入框、标签）设置 50px 圆角
- 在每个产品卡片上搭配一个色彩表面——每种风味拥有专属柔和色调，绝不共享
- 正文文字保持 16–18px，Ano 字重 400，搭配深灰（#3a3a3a）——永远不要在奶油底色上使用纯黑色
- 仅在主要行动号召上应用柔和环境阴影 rgba(0,0,0,0.1) 0px 0px 24px——其他所有元素保持平面
建议避免
- 不要在小于 20px 的情况下使用 WindsorEF——该装饰体在小尺寸下失去特征且难以阅读
- 不要为按钮或输入框使用锐利边角（0–8px 半径）——胶囊形状是系统的核心
- 不要引入除森林青（#14433d）之外的任何深色表面——品牌的黑暗就是这种特定的森林青
- 不要添加厚重的投影或抬升效果——该系统本质上是平面的，仅有一个例外（主要行动号召的发光）
- 不要在同一组件中将酒红（#7e0022）与森林青（#14433d）混合使用——标题用其一，正文用其一
- 不要将产品卡片的柔和色调用于 UI 边框（导航、按钮、边框）——这些色彩仅与产品上下文绑定
- 正文行高不得低于 1.4——Ano 需要呼吸空间以在奶油底色上显得温暖，而非临床冷淡
