pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Ko-fi
近白色基底、胶囊形控件与网格布局。
页面以近白色为基底，搭配近黑色文字。字体采用 bogue-black、DM Sans。视觉特点包括胶囊形控件、网格布局、大字排版、手绘图形。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 每个按钮、标签、输入框和导航 CTA 都使用 9999px 胶囊圆角。锐利直角会破坏这种触感语言。
- bogue-black 或替代字体 Bowlby One，只用于 48px 及以上的展示标题；其余全部使用 DM Sans。
- 所有卡片和图像表面都包围 2-3px 的 #000000 实线边框，不添加投影。贴纸轮廓就是悬浮层次系统。
- Kofi Blue #aac9f7 仅用于每个视图中唯一的主要操作。让它通过成为屏幕上唯一颜色来赢得注意。
- 奶油色画布 #e5e7eb 作为所有页面的统一背景，绝不将纯白或纯灰引入为基础。
- 所有图标字形都保持 20px，并使用同一字体家族的同一字重。一致的图标尺寸保留贴纸书节奏。
- 每个类别标签前都配有 Font Awesome 实心图标，强化俏皮、带标签的贴纸感。
建议避免
- 卡片、按钮或图像不要使用投影。黑色边框已代替悬浮效果，阴影会让手作审美变得浑浊。
- 不要引入 Kofi Blue 及其悬停状态之外的彩色强调。暖中性色加一种蓝色的配色，就是系统身份。
- 标题不要使用 40px+ 的 DM Sans，否则会失去厚实展示质感；应切换为 bogue-black 或其替代字体。
- 交互元素所在的页面背景不要使用纯白 #ffffff。奶油色画布才是温暖感的来源。
- 按钮、标签或输入框不要使用方角或 4-8px 的轻微圆角。胶囊是交互元素唯一可接受的圆角。
- Sticker Black 边框不要用于文字或背景区块。只将它留给照片和卡片表面，让轮廓像模切形状。
- bogue-black 展示字体不要用于正文、导航、按钮或输入框文字。它的字重与个性会压倒功能性界面。
