pampam.city
暖白色基底、胶囊形控件与圆角卡片。
Abetterlou
近黑色基底、胶囊形控件与紧密字距。
页面以近黑色为基底，搭配暖白色文字。字体采用 PP Neue Montreal。视觉特点包括胶囊形控件、紧密字距、分屏构图、居中构图。适合参考的场景：餐饮品牌介绍页、产品展示页。
查看原始网站使用规范
建议采用
- Amber Forge #ffb442 只用于主要操作和每区块一次的强调场景，绝不填充大型表面背景。
- 每个按钮、输入框和行内链接都采用 9999px 胶囊圆角；6px 留给卡片、导航和结构表面。
- 正文采用 PP Neue Montreal 字重 400，标题与强调只采用 500；系统任何地方都不使用 600 或以上字重。
- 27px 或更大文字采用紧密负字间距，从 22px 时的 -0.05px，逐步调整到 81px 时的 -1.13px。
- 区块垂直间距保持 52px，元素间距为 12px，保留系统紧凑而高级的节奏。
- Cream Outlined Pill Buttons（奶油色轮廓胶囊按钮）放在 Amber Filled Pills（琥珀色实心胶囊）旁边，无需新颜色就能建立主要与次要层级。
- 悬浮层次通过 Amber-on-Espresso 颜色对比和 1px Walnut 细线传达，绝不通过 box-shadows 或模糊。
建议避免
- 不要引入第二种彩色强调。系统的克制在于恰好只有一种温暖信号色。
- 不要使用纯黑 #000000 或纯白 #ffffff，保持在 Espresso #140b00 → Warm Cream #fff1e0 的暖色范围内。
- 任何组件都不要使用 box-shadows、模糊或发光。纵深只通过边框色调与颜色对比建立。
- 不要打破胶囊与卡片的圆角约定：绝不将胶囊按钮放进 6px 卡片框架，也绝不给卡片使用 9999px 圆角。
- 正文不要小于 14px 或大于 18px。系统声音处于 14–18px 范围内，而不是微小文案。
- 浅色区块不要使用琥珀文字。Amber Forge 只作为深色画布信号；Cream 表面上的主要文字使用 Espresso。
- 同一屏幕不要叠放超过两种字重。系统只采用 400 与 500，绝不使用 700+。
