pampam.city
暖白色基底、胶囊形控件与圆角卡片。
MindMarket
暖白色基底、圆角卡片与大字排版。
页面以暖白色为基底，搭配深灰色文字。字体采用 Inter。视觉特点包括圆角卡片、大字排版、居中构图、单栏阅读排版。适合参考的场景：摄影作品集、视觉内容展示页。
查看原始网站使用规范
建议采用
- 使用 #f5f1e4 奶油色作为页面画布——绝不使用 #ffffff 作为主要背景。白色仅用于提升的卡片和浮动导航。
- 所有卡片、按钮和导航容器的边框圆角设置为 50px。插画容器使用 63.75px，行内微元素（如标签芯片）使用 10px。
- 显示标题使用 140–144px Inter 字重 500，字间距 -0.06em，行高 0.95。这是系统的标志性尺寸——在小节标题中缩小至 53–81px。
- 使用 #8ed462 绿色作为 UI 金属感中唯一的品牌结构色（导航线条、边框、切换填充）。绝不用于正文或大面积表面填充。
- 所有主要文本、边框和图标使用 #2c2e2a。绝不使用纯黑色 #000000 作为奶油背景上的大段正文——这会与温暖画布形成刺眼对比。
- 在 CTA 按钮内嵌入一个小型彩色圆圈图标（蓝色、绿色或珊瑚色）作为操作暗示，而非依赖背景填充来传达交互感。
- 将导航设计为一个单色白色胶囊条，圆角 50px，居中或全宽，搭配充足间距，而非传统的矩形页眉。
建议避免
- 不要为显示标题引入第二套字体——极端尺寸的 Inter 字体搭配紧密字间距是该系统的标志性选择。
- 不要将辅助色（蓝色、珊瑚色、黄色）用作成功/错误/警告等功能性状态——它们仅作为装饰性插画点缀。
- 不要在卡片或按钮上使用锐利的边角（0–4px 圆角）——该系统以柔软贴纸感为特征，依赖 宽松 圆角来确立其身份。
- 不要将白色卡片直接放置在白色背景上——始终通过白色在奶油背景上的层级对比，或细线边框将卡片表面与奶油画布分隔开。
- 不要使用阴影或渐变来实现层级感——奶油到白色的表面堆叠和充足的圆角足以实现深度，无需阴影。
- 每个 UI 组件不要使用超过一个彩色点缀——按钮要么是绿色结构色，要么是珊瑚色操作色，或为轻量透明描边配单个图标点，绝不会多色。
- 不要将显示字体缩小至 53px 以下用于主页面标题——该系统的权威感来自极端尺寸，缩小字体会破坏编辑性的整体氛围。
