Buddy
白色基底、产品图像展示与胶囊形控件。
Dopper
暖白色基底、产品图像展示与圆角卡片。
页面以暖白色为基底，搭配深蓝色文字。字体采用 Dopper、Gilroy。视觉特点包括产品图像展示、圆角卡片、大字排版、宽松留白。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 每张卡片、每个按钮和每张产品图片采用20px圆角，一致性创造圆润温暖的识别。
- 首屏与交替区块背景默认#f6ecc8奶油色带，主页面画布采用#fcfaf2。
- 卡片标题和区块标题采用Gilroy 700，按钮和副标题600，正文400。
- 每个首屏将填充Electric Blue按钮（#0067e5）与描边黑色按钮配对，这一组合是标志性操作模式。
- 桌面端Solution Card网格保持5个等宽列，糖果亮色的多样性只有作为完整一组时才成立。
- Dopper展示字体仅用于58px及以上、400字重和紧凑1.0行高，它是海报字体，而非正文字体。
- 卡片内部保持20px间隔，主要布局元素之间40-60px，形成舒适疏朗的密度。
建议避免
- 不要为卡片或图片添加投影，系统刻意平坦，深度来自色块。
- 画布不要使用纯白（#ffffff），始终采用#fcfaf2，以保留温暖奶油底调。
- 每屏不要引入超过一种按钮样式，主要为填充蓝色、次要为描边黑色，没有其他样式。
- 48px以下不要使用Dopper展示字体，它在正文尺度会失去古怪个性。
- 不要用图片或渐变稀释奶油色首屏带，空白本身就是设计。
- 正文不要使用中性灰，Midnight Navy（#000f2e）和Heather Violet（#515a8a）是两种文字色调。
- 卡片或按钮不要以锐利0px角落打破20px圆角规则，9999px胶囊只用于标签。
