Buddy
白色基底、产品图像展示与胶囊形控件。
Patch
白色基底、手绘图形与细线分隔。
页面以白色为基底，搭配近黑色文字。局部操作控件以橙色强调。字体采用 PP Right、Archivo。视觉特点包括手绘图形、细线分隔、居中构图、网格布局。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- #1f00ff是占主导的彩色，用于背景、边框、标题和链接，几乎每个分区中都应出现。
- 所有展示标题都采用PP Right 800，行高0.85–0.94；绝不要在正文字号中使用PP Right，它只是一款展示字体。
- #ff622b只用于填充式CTA按钮；其他元素都不应采用彩色填充背景。
- 所有卡片和按钮边缘都采用1px边框，浅色背景上使用#1f00ff，靛蓝背景上使用#ffffff；不设置阴影，结构分量由边框承担。
- 按钮、卡片、输入框和标签页一致采用5px border-radius，不引入更大或更小的圆角。
- 每个分区都配一个两位数字的方形角标（01、02、03…），作为结构锚点。
- 正文采用Archivo 400，次级弱化文字采用300，全大写标签和按钮采用600。
建议避免
- 不要使用蓝色（#1f00ff）填充按钮；CTA始终为橘色，蓝色只用于画布和边框。
- PP Right正文不要低于21px；它紧密的字间距和厚重字形在小字号下会变得难以辨认。
- 不要添加投影；系统通过边框而非抬升定义表面。
- 不要引入靛蓝、橘色、白色和灰阶调色板之外的颜色；不使用绿色、紫色或粉彩。
- 圆角不要超过5px；略显锐利的圆角是蓝图与建筑感的一部分。
- 任何文字都不要使用100–200的轻或细字重；系统只采用300/400/600/800。
- 正文不要居中；标题可以居中，正文和功能描述始终左对齐。
