ElevenLabs
暖白纸色、轻字重标题与圆润的产品展示。
Escape Coffee Company
近白色基底、细线分隔与宽松留白。
页面以近白色为基底。字体采用 TWK Lausanne、Molitor。视觉特点包括细线分隔、宽松留白、大幅摄影展示。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- Molitor只用于45px或更大的字号；低于这个尺度，它会失去编辑式展示的分量，并与TWK Lausanne正文争夺注意力。
- 所有展示标题都设为0.85行高，使各行文字像石砌层一样紧密咬合；不要增加纵向呼吸空间。
- Garaje只用于全大写且拉开字间距的标签，如分类、元数据和导航；不要用于正文或完整句子。
- 尽可能让摄影满幅铺开；设计系统的职责是为图像提供框架，而不是装饰图像。
- 除卡片和输入框之外，所有区域都以#f5f4f2作为默认表面色；纯白只用于提高表面的明亮层级，绝不作为画布底色。
- 产品元数据（TYPE / ORIGIN / PROCESS）采用Garaje 18px和0.044em字间距，形成贯穿页面的排版主轴。
- 所有边框保持1px或1.5px，并使用暖灰色（#ebe9e6或#f5f4f2）；这个系统应轻声表达，而非高声宣告。
- 每个链接都使用清晰可见的1px下划线，颜色为#151515；不要仅依赖颜色提示可交互性。
建议避免
- 绝不要在UI中引入蓝、红、绿等彩色；系统刻意保持0%色彩丰富度，唯一的点缀来自摄影本身的冷暖对比。
- 不要用阴影表现抬升；这个设计完全避免投影，改用表面色调变化（#f5f4f2 → #ffffff → #ebe9e6）区分层级。
- 任何元素的border-radius都不要超过16px；超过20px的圆角会破坏编辑式、石刻般的感受。
- 正文字号不要低于13px，也不要高于19px；除展示字体之外，字体尺度有严格的功能性范围。
- 正文和UI中绝不要使用斜体；字重对比（200与600）是唯一用于建立文字层级的手段。
- 正文和段落块不要居中；所有内容都应左对齐，即使是很短的微文案也一样。
- 促销徽章、新品标签或状态标识不要使用彩色强调；依靠Garaje的全大写和字间距来区分这些标签。
- 不要使用渐变；调色板保持平面，系统依靠摄影的纵深制造视觉趣味。
- 不要将UI元素放入右侧边缘的附属栏；这条80px宽的区域只用于配送信息和工具图标。
