Jeton
白色基底、圆角卡片与宽松留白。
Revolut
白色基底、大幅摄影展示与胶囊形控件。
页面以白色为基底，搭配近黑色文字。字体采用 Aeonik Pro、Inter。视觉特点包括大幅摄影展示、胶囊形控件、渐变展示、紧密字距。适合参考的场景：金融产品官网、财务服务介绍页。
查看原始网站使用规范
建议采用
- 所有按钮、标签和输入控件均使用 9999px 半径——胶囊几何形状是其标志。
- 所有展示标题保持 Aeonik Pro 500 字重，绝不更重——权威来自尺寸，而非字重。
- 将 #1227fd→#6fa0ff 渐变专用于顶部促销栏；绝不用于按钮、卡片或区块背景。
- 使用 #c9c9cd 细线（1-2px）替代阴影，以分隔卡片和列表与页面画布。
- 让满幅摄影承载所有色彩与氛围——保持 UI 表面为 #ffffff、#f7f7f7 或 #1f1f1f。
- 在所有展示尺寸上应用收紧字间距：88px 时为 -0.024em，至 24px 时为 -0.010em，仅在 12px 大写时打开（+0.015em）。
- 将定价和转化模块置于 #1f1f1f 背景上，搭配白色卡片——深/浅色切换是定价模块的标志。
建议避免
- 不要引入新的彩色——色彩调色板为 7 种中性色和一种蓝色渐变，整个系统即此。
- 不要在卡片或按钮上使用阴影——分隔通过 #c9c9cd 边框和表面色彩变化实现，而非抬升。
- 不要在 Aeonik Pro 上使用超过 500 字重的标题——升至 600/700 会破坏编辑风格的平静。
- 不要在首屏区域、按钮或产品卡片上放置促销渐变——若在同一页面中出现多次，其意义将消失。
- 不要在主要操作上使用方形或轻微圆角——仅胶囊形（9999px）是可接受的控件形状。
- 不要在同一尺寸下混合使用 Inter 与 Aeonik Pro——Aeonik Pro 专属 18px 及以上，Inter 专属 16px 及以下。
- 不要用颜色表示中性表面的状态——应使用不透明度变化和边框粗细来替代（例如 #1f1f1f 在 80% 不透明度 vs 100%）。
