pampam.city
暖白色基底、胶囊形控件与圆角卡片。
WhatsApp.com
暖白色基底、大幅摄影展示与胶囊形控件。
页面以暖白色为基底。局部操作控件以绿色强调。字体采用 WhatsApp Sans Var。视觉特点包括大幅摄影展示、胶囊形控件、圆角卡片、分屏构图。适合参考的场景：摄影作品集、视觉内容展示页。
查看原始网站使用规范
建议采用
- 仅在每个视口使用一次#25d366作为主要行动号召按钮，禁止在同一屏幕上出现两个竞争性的绿色按钮
- 首屏标题设置为48-80px字重700——过小的标题会破坏字体系统的杂志级自信感
- 所有按钮和标签的边框半径统一设为50px——胶囊形状是营造亲切、可接近感的核心要素
- 让奶油色底色#fcf5eb充分展现——禁止用白色卡片完全覆盖整个页面；奶油色是设计选择，而非退而求其次的方案
- 所有图片和手机原型的边框半径设为25px——充足的圆角与胶囊按钮的柔和感保持一致
- 仅将#0373e9用于内联文本链接——禁止用作背景填充或图标颜色，以维持行动号召的层级关系
- 正文文本设为16px，行高1.34-1.39——略为宽松的行距是放松阅读节奏的一部分
建议避免
- 禁止将#25d366用于非操作元素，如图标、插图或装饰性图形——该色彩必须仅用于可点击操作的信号
- 禁止引入新的色彩——2%的色度是刻意的克制，而非疏漏
- 禁止在任何交互元素上使用锐角（边框半径0-4px）——尖角几何结构与对话的温暖感相悖
- 禁止为卡片或图片添加阴影——系统依赖温暖的奶油底色通过对比来营造深度，而非通过堆叠
- 禁止将标题设置低于48px——60-80px的展示尺寸是标志性选择；任何更小的尺寸都会显得退缩
- 禁止使用#000000作为文本颜色——#1c1e21和#111b21是系统的真正黑色，带有略微温暖的色调，与奶油背景相匹配
- 禁止在白色卡片上叠加白色卡片背景——温暖的底色必须可见，以锚定每个区块的视觉中心
