pampam.city
暖白色基底、胶囊形控件与圆角卡片。
School
浅灰色基底、等宽文字标注与圆角卡片。
页面以浅灰色为基底，搭配深灰色文字。字体采用 IBM Plex Mono、Helvetica。视觉特点包括等宽文字标注、圆角卡片、网格布局、错落拼贴。适合参考的场景：创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 每个文字元素都使用IBM Plex Mono（或接近的等宽替代字体），包括按钮、标签、说明文字和输入框；等宽字体是系统的核心语气。
- 每张小部件卡片都配上带括号的说明文字，采用IBM Plex Mono 11px，并在内容上方居中。
- 所有卡片和按钮圆角设在20-25px之间，以保持柔软、鹅卵石般的轮廓。
- 页面画布使用#dbdbdb，卡片使用#ffffff；以颜色对比和一道0 3px 6px阴影定义卡片边缘，不添加边框。
- 所有文字使用#303030，除了元信息的#808080，不引入其他次要文字颜色。
- 对字母采用高亮处理，即在单个字符背后放置平面的#f9f5a2或#c7f6ff色块，在其余部分正常的词语中标出定制或强调字形。
- 卡片内边距保持18-24px，默认元素间隔使用8px。
建议避免
- 不要引入品牌色、渐变或饱和强调色；系统99%为无彩色，任何彩色增加都会破坏桌面的中性感。
- 主要正文字体不要使用衬线或人文主义无衬线；等宽语气必须严格遵守。
- 标题不要使用粗体或700字重；系统的克制来自大字号中使用300-400字重。
- 不要使用锐利直角或10px以下圆角；柔和的20-25px圆润感是触感上的标志性特征。
- 不要将卡片直接放在白色上；必须有#dbdbdb画布，卡片才能像浮起的物体。
- 不要使用粗描边或实心字形的图标；图标应是细线、单线，或融入等宽文字流中的单个字符。
- 不要为卡片添加边框；仅用阴影（rgba(0,0,0,0.16) 0px 3px 6px）定义卡片边缘。
