Cohere 网站预览
Cohere 网站预览

Cohere

白色基底、圆角卡片与渐变展示。

页面以白色为基底,搭配近黑色文字。字体采用 Unica77、CohereText。视觉特点包括圆角卡片、渐变展示、紧密字距、细线分隔。适合参考的场景:AI 服务首页、产品演示介绍页。

查看原始网站

使用规范

建议采用

  • 所有正文、导航、图注和按钮文字采用Unica77 400字重;700字重只用于卡片标题和区块标签。
  • 所有按钮、标签和胶囊形控件均使用 9999px 圆角——Cohere 的界面从不使用锐角或中等圆角按钮。
  • 所有卡片、图像和内容表面均使用 22px 圆角——这是系统的核心柔和感。
  • 首屏标题在 CohereText 60-72px 字号 / 行高 1.00 的情况下,采用 -0.0200em 字间距,始终居中对齐,绝不左对齐主语句。
  • 将色彩渐变(珊瑚 → 紫罗兰 → 蓝色)限制在摄影晕染和装饰性叠加层中;UI 控件保持单色。
  • 所有卡片和分隔线边框均使用 1px 实线 #e5e7eb 细线——从不使用阴影来分隔表面。
  • 主要区块之间保持 80px 的垂直节奏;同一区块内的卡片使用 16-24px 间距。

建议避免

  • 切勿将标志性的渐变应用于按钮、链接或任何交互控件——它只属于图像内容。
  • 切勿在卡片或面板上使用阴影——Cohere 通过细线边框和背景对比来分隔表面,从不使用层叠效果。
  • 切勿将渐变色作为文本填充——#ff7759、#7670c5 和 #4c6ee6 从不用于 UI 文本或图标。
  • 切勿将字体设置在 12px 以下或 72px 以上——该系统不使用超大或超小字体。
  • 切勿使用左对齐的首屏标题——Cohere 的编辑风格要求主语句必须居中显示。
  • 切勿引入新的圆角值;小 UI 元素使用 4px,导航元素使用 8px,卡片使用 22px,胶囊控件使用 9999px——这是完整的值集。
  • 切勿使用彩色 CTA 按钮——主要操作始终使用 #17171c 填充配白色文本;次要操作为下划线链接。