OpenServ
白色基底、衬线字形与渐变展示。
Pop Site
白色基底、胶囊形控件与圆角卡片。
页面以白色为基底。局部操作控件以蓝色强调。字体采用 Satoshi、Inter。视觉特点包括胶囊形控件、圆角卡片、大字排版、细线分隔。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 所有区块标题采用Satoshi 700、53–120px，超大展示字体是视觉标志。
- #3b82f6仅用于主要CTA和激活链接状态，绝不用于操作场景以外的装饰、图标或背景。
- 卡片以1px #171717或#000000边框定义，而非依赖投影。
- 所有主要按钮、徽标和表单容器采用9999px圆角，完整胶囊形必须遵守。
- 任何53px及以上文字的字间距设为-0.05em或更紧，以免巨大字形显得疏松。
- 通过手机模型在场景中展示产品，让人们可以构建的网站成为视觉内容，而非插画。
- 正文保持Satoshi 400、15px和#171717，长篇阅读不要使用纯#000000。
建议避免
- 不要将#3b82f6以外的颜色作为彩色强调，系统刻意接近单色调。
- 不要为卡片、按钮或区块内容块添加投影，深度来自边框与圆角，而非高度效果。
- 区块标题的展示字号不要低于53px；21px正文到53px+展示文字的尺度跃迁是刻意选择，形成编辑式节奏。
- 每个视口不要使用超过一个主要蓝色按钮，多个蓝色CTA会稀释信号。
- 按钮不要采用4–8px圆角，系统只允许胶囊（9999px）或大圆角（22–26px）。
- 不要引入渐变背景填充，渐变只出现在手机模型内容内部，绝不用于承载它的页面。
- 不要使用衬线、等宽或装饰展示字体，Satoshi与system-ui就是完整字体系统。
