Qatchup
近白色基底、手绘图形与胶囊形控件。
Ada
近白色基底、胶囊形控件与磨砂表面。
页面以近白色为基底，搭配近黑色文字。局部操作控件以深绿色强调。字体采用 Roobert。视觉特点包括胶囊形控件、磨砂表面、分屏构图、网格布局。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有字号都使用Roobert 400，绝不切换粗体或细体来创建层级，仅让字号承担这一工作。
- 四种强调色（#00543d、#abcbf9、#ffbbfc、#fce88b）只用于数据卡片左边缘的4px色条，或单个填充操作表面，绝不用于大面积背景填充。
- 卡片圆角设为8px，输入框圆角设为4px，按钮圆角设为9999px（胶囊形）；这套三级圆角系统必须严格遵守。
- 画布保持#f9f9f9，将卡片提升为#ffffff；这套两级表面系统就是设计所需的全部高度表达。
- 所有边框采用#0a0b0c、1px；设计依靠极细边框定义区域，而非阴影。
- 内容带之间保持宽裕的80px区块间隔，绝不压缩至48px以下。
- 为每张铺满画面的图片卡片添加深色渐变叠层（透明 → 约40%的#0a0b0c），确保叠加文字保持易读。
建议避免
- 不要为卡片或按钮添加投影；设计理念是平面化，依靠极细边框与表面颜色对比。
- 不要将四种强调色用于文字；它们只用于装饰条和表面填充，绝不用在正文或标题上。
- 不要为按钮、卡片或导航添加渐变；系统中唯一的渐变是首屏背景。
- 不要使用第二种字体，也不要引入Roobert的粗体或细体字重；坚持单一字重是标志性选择。
- 每个视口区块中不要给超过一个元素着色；系统通过克制获得呼吸空间，强调色聚集会破坏节奏。
- 不要将#ffffff作为页面背景，这会失去温暖感；画布始终采用#f9f9f9，#ffffff只用于有高度感的卡片。
- 不要添加装饰性分隔线、图标徽标或区块眉题；区块过渡由留白驱动，无需视觉装饰。
