OpenServ
白色基底、衬线字形与渐变展示。
Sana Agents
浅色基底、胶囊形控件与大字排版。
页面以浅色为基底，搭配近黑色文字。字体采用 Sana Serif、Sana Sans。视觉特点包括胶囊形控件、大字排版、大幅图像展示、扁平表面。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 在72px首屏区域标题处，专用于Sana Serif，字重400——这是系统中唯一的衬线字体，若缩小字号使用，将削弱其编辑权威性
- 为所有卡片、输入框和面板容器设置24px的边框圆角；仅在胶囊形按钮和标签中使用9999px
- 将#cdfe00（电光青柠）限制用于位于#0a1217（墨黑）表面的填充型操作按钮——青柠对墨黑的对比正是该强调色存在的目的
- 按钮标签和导航链接使用Sana Sans 450字重，而非500——450字重的设定使正文风格显得沉静而克制
- 在所有Sana Sans使用中，将字体特性设置为"lnum"开，"tnum"开——表格数字确保数值在表格、价格和时间戳中对齐清晰
- 通过表面色彩变化（白 → 冰霜 → 墨）创造深度，而非使用盒阴影——该系统本质上是平面设计
- 保持首屏区域标题居中，其余布局左对齐——居中仅用于单一的编辑性时刻
建议避免
- 不要在小于56px时使用Sana Serif——400字重在小字号下会失去权威感，显得单薄或普通
- 不要将#cdfe00置于#ffffff或#e4eff7表面——对比度不足，青柠色将失去其电光质感
- 不要引入第二个强调色——该系统为单色，仅有一个色彩亮点，增加更多会稀释海报式的设计纪律
- 不要在卡片或面板上添加阴影——深度来自白 → 冰霜 → 墨的表面堆叠，而非垂直高度
- 不要在任何容器上使用尖角（0px圆角）——24px的圆角定义了系统的柔软、触感特质
- 不要对正文、卡片内容或导航链接进行居中对齐——只有首屏区域展示标题获得居中处理
- 不要在表面添加渐变、图案或背景图像——设计语言是纯粹的平面色块
