pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Campsite
白色基底、胶囊形控件与产品图像展示。
页面以白色为基底，搭配近黑色文字。字体采用 Inter、emoji。视觉特点包括胶囊形控件、产品图像展示、插画元素。适合参考的场景：效率工具官网、协作产品介绍页。
查看原始网站使用规范
建议采用
- 每个交互元素使用9999px圆角，按钮、标签、头像和胶囊共用同一完全曲线语言。
- 首屏标题采用58px Inter、字重600及-1.8px字间距，使字体形成自信、压缩的轮廓。
- 表面层级为Parchment（#fffdf9）画布 → Paper White（#ffffff）卡片 → Fog Gray（#f5f5f5）内嵌层，绝不用纯灰边框分隔层次。
- Campfire Orange（#ff6b1a）仅用于标志、通知胶囊和每页一两个品牌展示场景，绝不用于常规CTA。
- 保持4px基础单位，元素间隔8px，卡片内边距12–16px，区块间隔64–80px。
- 任何浮在另一表面上的卡片都应用柔和5%黑色阴影组，内嵌高亮阴影只属于填充按钮。
- 所有展示字号使用Inter 600，元信息500，正文绝不超过400字重。
建议避免
- 不要引入第二种字体，单一Inter家族系统就是设计，而非需要规避的限制。
- 不要添加蓝色、紫色或任何冷色强调；色板刻意只用暖色，冷色调会破坏奶油纸面氛围。
- 不要用硬朗的1px灰边框将卡片与画布分隔，温暖米白背景已经承担这一工作。
- Campfire Orange不要用于日常按钮、链接或图标状态；彩色仅限于品牌标点。
- 没有结构性理由时，标题不要超过60px或低于22px；22/29/58尺度承担节奏。
- 表面不要使用锐利的0px或2px圆角，8–12px范围让卡片像纸而非玻璃。
- 营销流程中不要放置摄影或生活方式影像，颜料飞溅与产品截图是唯一视觉表达形式。
