pampam.city
暖白色基底、胶囊形控件与圆角卡片。
mishmash®
白色基底、大幅摄影展示与产品图像展示。
页面以白色为基底，搭配近黑色文字。字体采用 Circular。视觉特点包括大幅摄影展示、产品图像展示、网格布局、圆角卡片。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 保持UI无色——任何屏幕上，产品摄影是唯一来源的饱和色彩。
- 小浮点标签和百分比徽章必须使用 #f9cb86，禁止将其用于大面积填充。
- 卡片、按钮和图片默认使用 12px 圆角；输入框和导航胶囊状态仅使用 4px；标签/折扣胶囊仅使用 9999px。
- 正文字体设为 16px Circular 400 字重，行高 1.2；仅在页脚栏目标题和小标签中使用 600 字重。
- 段落间距设为 48px，卡片间距为 24px；保持最大容器宽度为 1280px。
- 每个视口精确放置一个实色黑色 '立即购买' 或 '加入购物车' 按钮——其他操作由虚按钮或文字按钮承载。
- 每页以 14px Circular 400 字重的黑色公告栏为锚点，文字为白色。
建议避免
- 不要在UI铬色中引入新的有色元素——1%的色彩性是品牌特征。
- 不要用 #f9cb86 或 #f4debb 填充按钮；这两色是表面/强调色，不是操作色。
- 不要使用阴影或渐变——系统为扁平设计，通过边框和表面对比区分。
- 除输入框/导航状态（4px）、卡片/按钮（12px）和标签/折扣胶囊（9999px）外，禁止使用其他圆角。
- 正文字体不得低于 14px 或高于 46px；10px 仅用于公告栏和法律条款的微文本。
- 每个视口内不得出现两个实色黑色按钮——额外操作应使用虚按钮或文字变体。
- 导航、页脚或结构性铬色部分不得使用彩色背景——仅用于编辑类分类卡片。
