pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Flutterwave Design
暖白色基底、网格布局与紧密字距。
页面以暖白色为基底，搭配近黑色文字。字体采用 Millik、Moderat。视觉特点包括网格布局、紧密字距、宽松留白、插画元素。适合参考的场景：设计产品官网、作品展示页。
查看原始网站使用规范
建议采用
- 使用 #fff9f1（奶油纸）作为每页的默认画布 — 从不切换为纯白。
- 将标题设置为 Millik 60px 字号 700字重，-1.5px 字间距，颜色为午夜靛蓝（#12122c）。
- 所有卡片、按钮、输入框和标签均设置5px边框圆角 — 一致性是关键。
- 将金色琥珀色（#f5a623）仅用于主要行动号召（CTA）填充和心形图标 — 它是强调性点缀，而非表面填充色。
- 使用桃粉粉（#fcd2ba）色带分隔主要内容区块与默认奶油色背景。
- 所有正文使用墨黑（#171717），标题使用午夜靛蓝（#12122c） — 不要在标题层级中混用纯黑。
- 保持所有字间距为负值 — Moderat 为 -0.036em，Millik 为 -0.025em — 以维持紧凑的编辑密度。
建议避免
- 不要为卡片或按钮添加阴影、光晕或模糊效果 — 升级感仅来自色彩对比。
- 不要将金色琥珀色用于背景、面板或大面积填充 — 若覆盖面积超过按钮大小，其作为强调色的效果将消失。
- 不要使用纯白（#ffffff）作为表面 — 奶油色（#fff9f1）是画布，纯白会破坏温暖系统。
- 不要将标题设为纯黑（#000000） — 午夜靛蓝（#12122c）是标题颜色，承载品牌特征。
- 不要使用除5px以外的边框圆角值 — 无胶囊形按钮，无0px锐角，无8-12px的圆角卡片。
- 不要在UI界面元素上添加渐变、图案或装饰性背景 — 卡片中的插画才是视觉亮点所在。
- 正文文本在Moderat中不要超过20px — 对于更大字号，应切换至Millik以维持字体层级。
