Altitude
近黑色基底、衬线字形与渐变展示。
Slash
近黑色基底、胶囊形控件与渐变展示。
页面以近黑色为基底，搭配浅灰色文字。字体采用 Ivy Presto、Inter。视觉特点包括胶囊形控件、渐变展示、细线分隔、衬线字形。适合参考的场景：支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- 在 28px 及以上尺寸的展示和标题文字中使用 Ivy Presto —— 从不用于小于 20px 的正文内容。
- 正文文字设置为 16px Inter 字重 400，行高 1.5，颜色为 #e2e3e9（Bone）—— 这是默认的可读基调。
- 仅使用白色（#ffffff）填充的胶囊按钮，用于每屏最重要的单个操作——它是一种稀缺的视觉资源。
- 仅将铜色（#cc9166）应用于分类标签和编辑性链接——绝不用于按钮、图标或大块文字内容。
- 卡片和表格边框使用 1px 边框，颜色为 #1c1d22 或 #2e3038；绝不使用阴影实现抬升效果。
- 在桌面端，区块间使用 160px 的垂直间距——充足的呼吸空间让衬线标题主导视觉。
- 所有按钮、输入框、标签和状态指示器使用 9999px 圆角半径；卡片使用 10px，导航下划线使用 2px。
建议避免
- 不要在展示文字中用 Inter 替代 Ivy Presto —— 衬线与无衬线的对比是品牌的标识，而非装饰。
- 不要引入蓝色、绿色或任何彩色作为品牌辅助色——铜色是配色方案中唯一的暖色调。
- 不要在单个视口内重复使用白色填充按钮超过一次——其影响力随重复而减弱。
- 不要为卡片、弹窗或模态框添加阴影——应改用表面颜色层级和 1px 边框。
- 不要在 Inter 字体中将正文文字设置得大于 20px——更大尺寸应属于 Ivy Presto。
- 不要在长段落正文内容中使用 #ffffff——应切换至 #e2e3e9（Bone）以减少在深色背景下的视觉疲劳。
- 不要在非数据可视化场景中使用镀金渐变——该效果仅限于图表线条和金融数据点缀。
