Qatchup
近白色基底、手绘图形与胶囊形控件。
Backlight
暖白色基底、胶囊形控件与紧密字距。
页面以暖白色为基底，搭配近黑色文字。局部操作控件以红色强调。字体采用 Instrument Sans、Fragment Mono。视觉特点包括胶囊形控件、紧密字距、网格布局、单栏阅读排版。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 将朱红（#dd3508）作为满幅首屏背景使用——这是该颜色唯一作为表面出现的位置
- 所有主要按钮的圆角半径设为 80px（完整胶囊形），所有卡片及矩形元素的圆角半径设为 8px
- 所有14px及以上Instrument Sans文字采用-0.02em字间距，12px图注采用+0.02em。
- 将奶油羊皮纸（#e4ddd5）作为页面画布，所有置于其上的卡片和表面使用骨白（#ffffff）
- 在对话气泡中，使用 Fragment Mono 字号 14px，字间距 -0.08em，用于时间戳、元数据及小型数据标签
- 使用对话气泡卡片（深色或浅色，半径 20px）来强化团队交流与社交证明时刻
- 在浅色背景上使用朱红点缀时，仅限于细 1px 边框和小型图标（如 FAQ 加号、轮播箭头）
建议避免
- 卡片、按钮或弹窗中禁止添加阴影、发光效果或任何边框阴影——系统刻意保持扁平化
- 禁止将朱红用作填充按钮背景——它仅作为轮廓性操作边框和首屏表面
- 禁止将桃色细线（#f3b8a9）用作文字颜色或交互填充——它仅作为装饰性边框
- 禁止引入第二个色彩强调——系统为单色温暖基调，仅含一个红色
- 禁止在界面任何位置使用渐变——所有表面均为纯色
- 禁止在朱红首屏上使用深夜墨水（#151515）作为正文文字——首屏文字必须为骨白
- 禁止对标题进行居中对齐——Backlight 的编辑语气为左对齐，且留有充足的左侧边距
