pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Aboard
近白色基底、胶囊形控件与圆角卡片。
页面以近白色为基底，搭配近黑色文字。字体采用 系统字体、无衬线字体。视觉特点包括胶囊形控件、圆角卡片、大字排版、居中构图。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 每个视口严格只有一个填充按钮使用Signal Blue（#008ae8）；稀缺性使它突出。
- 需要框定产品截图或功能块时，选用粉彩卡片表面（Blush、Lavender Mist、Mint Foam、Powder Blue、Butter），而非投影。
- 所有标题采用提取出的字号及对应负字间距：64px对应-0.64px，44px对应-0.26px，24px对应-0.14px。
- 每个按钮、标签和通知胶囊都采用99px圆角，胶囊形是系统标志性特征。
- 每张卡片和产品模型容器保持24px圆角；10px圆角仅用于内部产品UI面板。
- 粉彩产品卡片内边距设为40px，功能栏之间间隔32px。
- 画布保持#fafafa（米白）而非纯白；温暖感让粉彩颜色更加生动。
建议避免
- 不要引入第二种饱和强调色，Signal Blue是系统唯一的彩色声音。
- 不要使用浓重的多层投影；系统仅依靠一道#cdcdcd、0 2px 8px阴影，而且只用于浮动面板。
- 任何20px以上标题都不要使用平直的0px字间距；负字间距是编辑式气质的重要支撑。
- 无填充按钮不要与填充蓝色按钮以外的元素搭配；这两者应成对出现，而不是互为替代。
- 不要将硬边缘的纯白卡片放在粉彩铺色上；用24px圆角柔化，并让粉彩色延展。
- 正文中不要使用表情符号，它们只出现在价值主张区块的展示标题中。
- 页面最大宽度不要超过1200px；系统为居中、宽度受控的阅读栏而设计。
