pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Marco
白色基底、分屏构图与网格布局。
页面以白色为基底，搭配深灰色文字。字体采用 Maison Neue、Graphik。视觉特点包括分屏构图、网格布局、渐变展示、大字排版。适合参考的场景：设计产品官网、作品展示页。
查看原始网站使用规范
建议采用
- 所有卡片表面都采用18–32px border-radius；锐利直角会破坏柔软家具般的感受。
- 所有交互元素，包括链接、标签和按钮，都采用100px+圆角，以维持胶囊语言。
- 采用反向字间距曲线：Neue Montreal在8–12px时需要0.05–0.2em letter-spacing，Graphik在31px时需要-0.013em。
- 彩色限定为单像素标点；每个区域只用一个圆点、一条边框和一张渐变卡片。
- Coral-to-Amber渐变每页最多用于一张卡片，其余系统保持冷调。
- 组件和嵌入内容放在右栏，内边距24px、圆角18px，绝不要让它们接触页面边缘。
- 4px彩色圆点与宽字间距的Neue Montreal标签配对，建立带标签的列表模式。
建议避免
- 按钮不要采用彩色填充；系统使用描边与胶囊链接，而非填充CTA。
- 阴影模糊不要超过3px；抬升应轻声表达，而非高声宣告。
- 每个视图中，奶油色（#fff9ed）或渐变表面不要用于超过一个元素。
- 卡片表面不要采用0–4px的锐利圆角；这些数值只留给图标和小型UI。
- 不要打破两列节奏，宣言在左、组件在右，绝不采用满宽文字块。
- 正文不要使用系统字体；定制几何无衬线字体就是语气。
- 正文不要采用黑色（#000000）；它只留给标题和强边框，连续正文使用Graphite（#333333）。
