OpenServ
白色基底、衬线字形与渐变展示。
Awesomic
浅色基底、胶囊形控件与细线分隔。
页面以浅色为基底，搭配近黑色文字。字体采用 Cosmica。视觉特点包括胶囊形控件、细线分隔、分屏构图、大幅摄影展示。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 所有主要操作按钮使用 #09090b——深色填充的调用按钮是系统中最关键的交互元素
- 将卡片的圆角半径设为 36px，并使用 1px 实线 #ececee 边框替代阴影作为层级提升
- 保持正文文本为 14–15px Cosmica 字重 400，颜色为 #18181b——紧凑、密集，符合市场平台级标准
- 将 #ff5a00 专用于 YC 风格的强调徽章和初创企业认证标签——切勿用于通用 UI
- 使用 56–64px Cosmica 字重 600，行高 1.12–1.28 用于首屏和区块展示标题
- 在卡片内使用 28px 内边距，主要页面区块之间使用 80px 的垂直节奏
- 导航中的胶囊形 CTA 使用 10000px 圆角，行内操作按钮使用 14px 圆角
建议避免
- 不要引入新的强调色——系统 99% 为无彩色；加入蓝色、绿色或紫色会破坏克制的编辑风格
- 不要在卡片上使用阴影——仅允许使用 1px 实线 #ececee 边框作为内容表面的层级提升
- 不要将展示标题的字重设低于 600——粗体字重是使编辑字体显得权威的关键
- 不要将 #ff5a00 用于正文、链接或大面积填充——它是徽章色，非通用品牌色
- 不要在任何容器上将圆角半径设低于 12px——系统的几何形态由 宽松 的圆角定义
- 不要打破单字体规则——Cosmica 从 10px 徽章到 64px 展示均承担所有字体角色
- 不要使用纯黑（#000000）——#09090b 是允许的最深墨色，保持中性色调的温暖
