OpenServ
白色基底、衬线字形与渐变展示。
Osmo
近白色基底、手写字体点缀与等宽文字标注。
页面以近白色为基底，搭配近黑色文字。字体采用 Haffer VF、Haffer XH。视觉特点包括手写字体点缀、等宽文字标注、大字排版、紧密字距。适合参考的场景：设计产品官网、作品展示页。
查看原始网站使用规范
建议采用
- 任何超过40px的文字都使用Haffer XH，或紧缩展示无衬线；极端纵向压缩，即0.85–0.95行高，与紧密字间距是标志性特征。
- Volt（#a1ff62）保留给品牌展示场景，包括徽章、主要CTA填充和功能提示，绝不要作为背景或正文色稀释使用。
- 内容图块的锐利2–5px圆角与按钮和徽章的1600px胶囊配对；机器般精确与厚实圆润的对比，就是视觉身份。
- 默认画布采用Concrete（#f4f4f4），第一级表面抬升采用Ash Gray（#eaeaea）；Ultraviolet只留给每个分区最重要的唯一卡片。
- 正文设为Haffer VF 16–19px，字间距-0.007em至-0.02em；所有字号的负letter-spacing赋予系统鲜明的排版节奏。
- 技术元数据采用Haffer Mono 9–12px盖印，包括课程名称、版本标签和时间戳；等宽用于事实，而非叙事。
- Vermillion（#f84131）只作为Brisa Pro手写风格的注释文字，绝不作为填充、边框或背景。
建议避免
- 内容卡片不要采用柔和8–12px圆角；图块只使用2px锐利或5px轻微圆角，充分圆润只属于胶囊。
- 不要引入渐变、投影或玻璃拟态；美学平面、混凝土式且像盖印。
- Ultraviolet（#6840ff）不要作为按钮填充或正文色；它只用于精选卡片表面。
- Haffer VF或任何主力无衬线的展示文字不要高于64px；大字号只属于Haffer XH或等效紧缩展示字体。
- 不要使用暖灰或偏离基调的中性色；调色板严格保持#f4f4f4至#151313的冷调、无彩色混凝土色。
- 任何单屏不要添加超过三种彩色；系统依赖克制，额外色相会破坏编辑式纪律。
- 展示字号不要采用0或正letter-spacing；60px及以上必须使用-0.03em至-0.06em负字间距。
