pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Deta Surf
近白色基底、衬线字形与胶囊形控件。
页面以近白色为基底，搭配近黑色文字。字体采用 Switzer、Gambarino。视觉特点包括衬线字形、胶囊形控件、渐变展示、圆角卡片。适合参考的场景：工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 所有胶囊按钮、导航项和标签徽章使用 9999px 圆角
- 首屏搜索栏使用 30px 圆角 —— 这种 宽松 的圆角是其标志性特征
- 搭配 60px Gambarino 标题与 18px Switzer 字重 400 的副标题，颜色为 #5b6882
- 仅将天空渐变应用于满幅铺满的首屏或区块背景 —— 决不允许用于内容卡片
- 仅将 #009afc 用于填充型主要 CTA 按钮；禁止用于装饰性填充、图标或文字
- 保持卡片的层级仅使用单条细线阴影：rgba(0,0,0,0.05) 0px 1px 2px
- 在 16-19px 大小的全大写小节标记中使用 Tanker，搭配 +0.05em 字间距
建议避免
- 不要将 #009afc 用于除填充型主要操作按钮之外的任何场景
- 不要将 Gambarino 用于正文、按钮或 UI 标签 —— 仅限标题使用
- 不要使用高于 500 的字重 —— Switzer 和 Gambarino 最大限制为 500
- 不要使用比 rgba(0,0,0,0.1) 更重的阴影 —— 系统整体保持轻盈感
- 不要在交互元素上使用锐角（圆角 < 8px）
- 不要在内容卡片或面板表面使用天空渐变 —— 仅保留用于氛围背景
- 不要在 #ffffff 背景上使用小于 14px 的 #006dc8 文字 —— 在更小尺寸下对比度将低于 4.5:1
