pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Huddle
白色基底、大字排版与细线分隔。
页面以白色为基底。字体采用 Nng、Roboto。视觉特点包括大字排版、细线分隔、扁平表面、分屏构图。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 鼠尾草#d3e5e9、薰衣草#bbb2ce和灰玫瑰#cb9da2三种粉彩卡片色作为固定分类系统，每种项目状态分配一种，同一卡片内绝不混用。
- 所有标签胶囊和次级按钮设为100px border-radius，1000px只保留给主要操作按钮，在完整圆润与胶囊圆润之间建立清晰层级。
- 44px+展示标题采用Nng 300–400字重；大字号的轻字重是标志性特征，粗体展示文字会破坏编辑式语气。
- 所有分区标签都以圆点或步骤号开头，采用Nng全大写、12px，例如“• STEP 1: THE BRIEF”；这套微标签是主要导向方式。
- 标签配焦琥珀色（#65451d）边框与蜂蜜金色（#e4b976）文字；这种暖色对暖色的组合是金色唯一出现的地方，因此显得是强调，而非装饰。
- 所有卡片保持#333333或#e5e6e1的1px细线边框，绝不用box-shadow抬升；系统刻意保持平面。
- 画布保持#ffffff，分区间距宽松为64px；轻盈和呼吸空间使粉彩卡片容易辨认。
建议避免
- 不要用box-shadow抬升卡片；系统刻意保持平面，通过细线边框和背景色对比分隔。
- 不要引入鲜亮或饱和颜色，如电光蓝、霓虹绿或纯红；所有强调色都刻意低饱和。
- 展示标题不要使用600+粗体；大字号中的Nng 300–400是编辑式的标志性特征，粗体标题会像另一款产品。
- 所有元素不要采用相同圆角；100px胶囊、8px卡片与1000px主要按钮，刻意形成圆角处理的视觉节奏。
- 粉彩卡片背景上不要放白色文字；卡片标题始终采用#151515，激活时采用深紫罗兰#453b60，以保持对比和一致性。
- 单一视图不要使用超过两种字体家族；Nng承载系统的95%，Roboto只出现在渲染后的用户内容中。
- 正文或描述不要居中；展示标题以下的所有内容都左对齐，以维持编辑式文档感。
