pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Syllabus
暖白色基底、插画元素与大字排版。
页面以暖白色为基底。字体采用 Roobert、Supply。视觉特点包括插画元素、大字排版、分屏构图、宽松留白。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 页面背景设为 #fffcf7 —— 严禁使用纯 #ffffff 作为画布，温暖的奶油色才是系统的身份标识
- 所有主要页面CTA按钮使用 #fae59b，搭配 1px 1px 3px #000000 的硬边偏移阴影 —— 该阴影不可省略，它营造出可按压的贴纸效果
- 使用 Roobert 700 / 400 字重组合，在 16→20→24→40→48→56→64px 的字号跳跃中呈现 —— 严禁插值中间尺寸，这些跳跃构成层级结构
- 为卡片和插画容器使用精确的 1px 实线 #0d0129 边框 —— 无圆角（半径为 0），无投影阴影
- 当区块需要色调对比时，将区块背景切换为 #19615c，文字切换为 #fffcf7 —— 切换需满幅覆盖，不可框定
- 在 4–8px 尺寸使用 #fae59b 作为小型交互点缀（如点装饰、插画高亮）—— 严禁作为大面积填充或背景晕染
- 插画笔触保持在 1–1.5px，颜色为 #0d0129，通过局部黄色/青色填充完成色彩表达 —— 严禁为插画添加渐变或真实阴影
建议避免
- 不要使用 #ffffff 作为页面背景 —— 奶油色 #fffcf7 画布是系统标志；纯白色会削弱整个系统的质感
- 不要为按钮、卡片、标签或输入控件添加圆角 —— 本系统中所有容器均为锐角（半径：0）
- 不要使用柔和、模糊或多层投影阴影 —— 唯一的阴影是黄色按钮上的 1px 硬边偏移黑色阴影
- 不要将 #0d0129 作为奶油画布上填充的CTA按钮背景 —— 黄色按钮是页面内的主要CTA；深紫色填充的按钮仅用于导航栏
- 不要引入额外字体、400–700字重之间的字重，或超出 16–64px 范围的字号 —— 字体系统刻意保持狭窄
- 不要使用摄影、3D渲染或写实产品效果图 —— 所有图像均为扁平线条艺术，搭配局部上色
- 不要使用任何渐变 —— 本系统完全为扁平色彩，包括插画和按钮
