pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Eddie
近白色基底、胶囊形控件与圆角卡片。
页面以近白色为基底，搭配近黑色文字。字体采用 Founders Grotesk。视觉特点包括胶囊形控件、圆角卡片、分屏构图、居中构图。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 任何高于30px的标题都采用Founders Grotesk 700，粗重几何字形是首屏语气。
- 每个抬升元素，包括导航、按钮和卡片，都采用薰衣草阴影rgba(198,185,237,0.3) 5px 5px 20px；它是系统唯一阴影。
- 按钮圆角25px，徽章30px，大卡片40px，圆角层级不可更改。
- 吉祥物徽章在标题中行内替代一个词，将品牌身份融入文案。
- 卡片设为完整40px圆角与20–40px内边距，让薰衣草、青柠或白色填充承担视觉层级，而非边框或阴影。
- 奶油色上的正文保持16–18px、400字重和黑色（#000000），主要文案绝不要改成灰色降低对比。
- 页面背景使用奶油画布#f7f4f2，纯白只留给卡片表面和反白文字。
建议避免
- 不要引入额外阴影色或多层阴影叠加，唯一薰衣草色调阴影定义抬升系统。
- 任何卡片、按钮或徽章都不要采用0–5px锐利圆角，25–40px范围定义系统柔软感。
- 标题不要低于30px或高于120px，66–119px展示层级和22–30px副标题层级是两种获准标题尺度。
- 正文不要采用#d8d1ff、#d2e534或#89cdf3强调色，它们只用于表面填充，其上全部文字必须黑色。
- 不要添加渐变，系统严格为平面填充和唯一阴影色调。
- 不要引入Wisteria、Periwinkle、Lime Voltage和Sky Signal之外的新强调色相，四强调色调色板就是系统。
- 主要操作不要采用纯描边按钮，主要操作始终为实黑填充胶囊。
