ElevenLabs
暖白纸色、轻字重标题与圆润的产品展示。
Assembly Coffee London
近黑色基底、摄影展示与衬线字形。
页面以近黑色为基底，搭配白色文字。字体采用 GT America Standard、ID00 Serif。视觉特点包括摄影展示、衬线字形、分屏构图、网格布局。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 将标题和产品名称设置为ID00 Serif斜体——斜体衬线是品牌的表达方式。若使用正体或无衬线字体，将破坏专题杂志的氛围。
- 保持画布为近黑色（#0e1311 或 #000000），并让白色（#ffffff）文字承载层级关系。仅在反向区块或徽章填充处使用彩色表面。
- 卡片、按钮、输入框和徽章使用4px圆角。60px圆角专用于奶油色价格胶囊——不可用于其他组件。
- 将产品摄影置于温暖低光的摄影棚背景（余烬红、暗琥珀色、炭灰色）中。避免使用白色或明亮背景——它们会破坏暗调画廊的氛围。
- 徽章颜色（香橼黄 #faf080、地衣绿 #cadcac、古金色 #cfa53b）应谨慎使用，仅用于编辑标签，不可用于操作或提醒。
- 将行动号召（CTA）设置为ID00 Serif斜体的文本链接，而非填充按钮。仅允许4px圆角的透明描边按钮用于次要功能，如购物车选择器。
- 使用1px细线（#1a1a1a 或 #dfdbca）分隔层级，而非阴影。该系统依赖边框对比，而非层级感。
建议避免
- 不要引入填充的彩色行动号召按钮。系统在主要层级上刻意无显眼行动号召——所有操作均以斜体衬线链接形式呈现。
- 不要将正文或导航设置为衬线字体。GT America用于UI，ID00 Serif用于编辑和产品命名。混合二者角色会削弱彼此表现力。
- 不要使用明亮的白色（#ffffff）作为页面背景。该系统以暗色为基调；仅在价格标签、弹窗叠加层或极少数亮色区块中进行反色处理。
- 不要将饱和的品牌色用于背景、卡片或文本。色彩调性仅存在于小型徽章填充和细线中。
- 不要使用大范围的阴影。10px模糊、5%不透明度是上限——任何更重的阴影都会读作Material/iOS风格，而非专题画廊风格。
- 不要将标题设置为600或700字重。衬线字体使用300–400斜体，无衬线字体使用400–500。任何更粗的字重会破坏静谧的氛围。
- 不要将产品摄影置于白色或浅灰色背景上。始终在温暖的深色摄影棚背景下拍摄，以维持烘焙室的氛围。
