pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Mews
白色基底、紧密字距与扁平表面。
页面以白色为基底，搭配近黑色文字。字体采用 Soehne。视觉特点包括紧密字距、扁平表面、分屏构图、产品图像展示。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 每屏唯一主要操作使用糖果粉 #ff83da 胶囊行动按钮：#ff83da 填充、白字、9999px 圆角、12–14px 垂直内边距，绝不重复为多个竞争操作。
- 展示标题用 Soehne 字重 900，字间距 -0.025em；白底上紧密厚黑组合是品牌标志排版场景。
- 表面按 #ffffff 画布 → #fffcf6 卡片 → #c4c9dd 边框 → #161616 深面板叠放，保留白底上的暖奶油叠层，不默认冷灰。
- 卡片用 4px 圆角，输入框 8px，9999px 专供行动按钮、激活导航胶囊和标签。
- 白或奶油表面上正文保持 16px Soehne 400，行高 1.5，颜色 #333333；连续正文绝不低于 14px。
- 粉、冰蓝、青柠彩色强调只放在辅助块、常见问题切换和产品界面高亮上，画布和正文应保持无彩色。
- 产品截图在 80px 区块间距、1280px max-width 容器中呼吸，间距节奏宽裕且具有建筑感。
建议避免
- 粉色行动填充只用于主要转化，次要操作有幽灵、轮廓和文字链接替代。
- 标题字重不要低于 700，展示与正文的 900/400 对比是品牌声音，压平到 600 会消灭能量。
- 卡片不要添加投影，设计靠平面暖奶油表面与细边框分隔，阴影会显企业化而不合适。
- 青柠 #e8ff5b 或冰蓝 #d2f4ff 不要用于正文或大表面，它们只用于强调与辅助块。
- 不要引入 12px、16px、24px 新圆角，坚持 4px / 8px / 9999px 尺度，否则视觉节奏崩塌。
- 文字或边框不要用冷灰 #94a3b8、#64748b，系统以 #333333、#8c8c8c、#cccccc 保持暖调。
- 不要添加装饰渐变，设计平面、由摄影或产品截图驱动，渐变与编辑平面感冲突。
