Buddy
白色基底、产品图像展示与胶囊形控件。
Dub
白色基底、细线分隔与扁平表面。
页面以白色为基底，搭配近黑色文字。字体采用 Satoshi、Inter。视觉特点包括细线分隔、扁平表面、居中构图、网格布局。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 所有容器边框使用#e5e5e5——1px实线为默认结构线，不使用阴影
- 将#1e40af（深蓝）严格保留用于每个表面仅一个主要操作，绝不可用于装饰性用途
- 在36–48px字号使用Satoshi字重500用于展示式标题；30px及以下则切换至Inter字体
- 所有标签、徽章和胶囊形指示器使用9999px圆角；按钮使用8px；卡片使用12px；大功能卡片使用16px
- 将 16px 作为正文的标准字号，lineHeight 为 1.5；密集数据使用 14px，微小标签使用 11–12px。
- 为小徽章背景和功能亮点应用柔和的色调（#dcfce7青绿，#dbeaff蓝色，浅黄色）——不应用于大面积表面
- 图像采用产品 UI 展示模型和降低饱和度的标识；避免使用图库照片和装饰性插画。
建议避免
- 不要为卡片使用厚重的投影阴影——该系统依赖1px边框而非深度来定义容器
- 正文文本不要使用纯黑色（#000000）——应使用#171717或#0a0a0a以获得更柔和的对比度
- 不要将电蓝色（#2563eb）用于大面积背景填充——它是强调色，而非表面色
- 不要在单个组件中使用多种色彩——每个胶囊或功能标签仅允许一个强调色
- 不要在正文尺寸中使用Satoshi——Satoshi仅用于展示（36px及以上）；30px以下全部由Inter处理
- 不要使用超出定义词汇表（9999px、16px、12px、8px、6px）之外的圆角——随意的圆角会破坏系统的节奏感
- 不要在UI元素上使用色彩进行装饰性渐变——圆锥光谱渐变仅保留用于标志和品牌视觉
