ElevenLabs
暖白纸色、轻字重标题与圆润的产品展示。
Officevibe
近白色基底、胶囊形控件与圆角卡片。
页面以近白色为基底，搭配深蓝色文字。字体采用 Martinaplantijn、Abcfavoritvariable。视觉特点包括胶囊形控件、圆角卡片、宽松留白、衬线字形。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 将最大标题设为 Martinaplantijn 字体，字号在 48-64px 之间，并在其中斜体突出一个短语——这个斜体部分是品牌声音，而非装饰。
- 仅使用 Electric Cobalt（#2545ff）作为填充型操作按钮、激活链接，以及每个视图中最关键的图标；它是页面上唯一的色彩强调。
- 搭配 Ink Navy（#0c1754）与 Paper White 用于深色功能卡片和页脚；切勿用灰色来模拟该配色。
- 对于任何应具亲和力的可点击元素（按钮、标签、建议芯片），默认使用 100px 的胶囊圆角。
- 卡片、图片和聊天组件使用 16px 圆角；仅在大型首屏插图中使用 24px 圆角。
- 保持画布底色为 #f9f8f6，使用 #f0e9e1 奶油色边框作为分隔线——切勿引入冷调灰色。
- 为任何40px及以上字号的Abcfavorit文本应用-0.05em的字间距，使其无衬线几何字体显得压缩且现代，与衬线字体形成对比。
建议避免
- 主标题的显示字体不得使用Inter或Abcfavorit——必须使用Martinaplantijn（或一种人文主义衬线字体）以匹配编辑语调。
- 不要将 Electric Cobalt（#2545ff）用于正文、边框或大面积背景填充——作为按钮强调时它会失去冲击力。
- 不要使用灰色边框（#e5e5e5，#d4d4d4）——系统中所有细线均采用温暖奶油色（#f0e9e1）。
- 不要为填充按钮添加阴影；颜色本身即为层级感。
- 不要引入除 Charcoal、Paper White 和 Ink Navy 之外的第三种标题颜色——双蓝色体系是配色方案。
- 不要将正文居中对齐，或在正文尺寸下设置行高低于 1.5；编辑性氛围依赖于充足的阅读节奏。
- 不要在卡片或输入框中使用方形或 4px 圆角——16px 的柔和圆角是视觉身份的一部分。
