Altitude
近黑色基底、衬线字形与渐变展示。
Ramp
近白色基底、大字排版与细线分隔。
页面以近白色为基底，搭配近黑色文字。字体采用 lausanne。视觉特点包括大字排版、细线分隔、扁平表面、产品图像展示。适合参考的场景：支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- 使用 lausanne 字重400，仅此一种——绝不引入粗体或中粗变体；层级通过大小和字间距实现。
- 仅将 #e4f222 用于主要操作填充、实时计数器和激活状态——绝不可作为背景晕染或装饰性高亮。
- 通过1px #e5e7eb边框表达卡片的抬升效果，填充为#ffffff时——除导航栏内嵌白色高亮外，禁止使用box-shadow。
- 将展示标题设为64px / 48px / 40px，行高≤1.05，以保持编辑类字体的语感。
- 在10px大写微标签和计量说明上，应用0.018em正字间距。
- 按钮和标签使用6px圆角，输入框使用10px，清洗卡片使用12px，内容卡片使用16px。
- 在每个 lausanne 声明中加入 "ss01" 到 font-feature-settings 以保留字体的编辑风格特征。
建议避免
- 不要引入额外的色彩高亮——该系统的效力依赖于单个高亮黄色彩信号与单色背景的对比。
- 不要使用粗体或中粗字重——在较大尺寸下，lausanne 400已承载全部标题层级。
- 不要在内容卡片、弹窗或面板上使用box-shadow——改用1px #e5e7eb边框。
- 不要将#0c0a08用于大区域背景填充——仅保留用于文字；倒置面板使用#1a1919。
- 不要居中正文或标题——Ramp 的布局在最大宽度居中容器内始终左对齐。
- 不要添加装饰性渐变、插图或图片素材——视觉语言仅限于字体、产品截图和灰度标志。
- 不要在UI元素上使用超出系统的圆角：仅限6 / 10 / 12 / 16px——绝不可使用4px或完全圆润的胶囊形设计。
