pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Passionfroot
近白色基底、渐变展示与细线分隔。
页面以近白色为基底，搭配近黑色文字。字体采用 new-kansas、Nunito Sans。视觉特点包括渐变展示、细线分隔、衬线字形、居中构图。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 在48-64px字号、400字重使用 new-kansas（或 DM Serif Display）用于所有展示性标题——轻量字重是其标志，而非700字重的退而求其次
- 页面背景设为羊皮奶油色（#f8f7f2），绝不可使用纯白色——温暖的色调才让系统像纸张般可触，而非屏幕
- 卡片、按钮和输入控件的圆角统一为12px——这是系统中最核心的形状令牌
- 仅在标签胶囊和建议芯片中使用9999px圆角——完整胶囊形态构成与标准按钮不同的典型类别
- 分层阴影使用oklch暖调色彩（非纯rgba(0,0,0,0.1)）——以237/234/228为基础色，使抬升感如同柔和的阳光洒在纸上
- 在特性网格中将彩虹强调色组（紫、粉、橙、青、蓝、黄、绿）作为卡片背景使用——色彩轮转创造视觉节奏，无需插图
- 所有主要文本和结构边框使用 Ink Black（#1d1d1c）——温暖调的近黑比#000更柔和，也比纯灰更具辨识度
建议避免
- 不要在展示性标题中使用700字重——400字重的new-kansas是刻意的克制；加粗会破坏其低语般的权威感
- 不要使用纯白色（#ffffff）作为页面背景——温暖的奶油色画布是标志性特征，而非疏忽
- 不要将文本设为纯黑色（#000000）——Ink Black（#1d1d1c）更温暖，是正确配色
- 不要使用灰黑色调的厚重阴影——阴影必须使用oklch暖色调以保持品牌调性
- 不要创建单一色彩的行动号召（例如纯色的电紫按钮）——系统采用中性填充按钮（白色/墨黑），色彩仅用于装饰元素
- 不要使用除12px、16px、24px或9999px之外的圆角——这四个值构成系统的完整形状语汇
- 不要在正文尺寸中混用衬线与无衬线字体——new-kansas保持在28px及以上；Nunito Sans用于所有低于该尺寸的内容
