Altitude
近黑色基底、衬线字形与渐变展示。
Fey
近黑色基底、胶囊形控件与大字排版。
页面以近黑色为基底，搭配白色文字。字体采用 Calibre。视觉特点包括胶囊形控件、大字排版、紧密字距、居中构图。适合参考的场景：支付服务首页、金融科技产品介绍页。
查看原始网站使用规范
建议采用
- 所有交互控件（按钮、导航项、徽章）使用 99px 边距圆角——胶囊形状是核心身份特征
- 将显示标题设为 48–54px，搭配 -0.08em 字间距和 Calibre 700 字重——这种压缩字间距是标志性的字体手法
- 以 Fey 墨色（#0b0b0b）作为主画布；叠加 Fey 炭灰色（#191919）和 Fey Obsidian（#131313）以实现嵌套卡片的层次深度
- 仅将色彩强调（余烬 橙、信号 蓝、生长 绿）作为意义载体：突出词汇、状态胶囊、价格方向——绝不可作为装饰填充
- 所有内容卡片和产品示意表面使用 16px 边距圆角
- 每个深色表面均搭配厚重的黑色阴影光晕（rgba(0,0,0,0.8) 0px 0px 44px）以营造漂浮于空中的空间感深度
- 正文文本默认使用 Fey 石墨色（#868f97）用于次要信息；纯白色仅用于标题和主要数值
建议避免
- 不要使用填充的彩色按钮——Fey 没有明确的 CTA 填充色；所有操作均为透明描边或文字风格的暗色表面
- 不要引入第二套字体——Calibre 从 10px 图注到 54px 展示文字均承担全部角色
- 在显示尺寸上不要使用 0 或正值的字间距——负值字间距是实现高端压缩感的核心要素
- 不要使用纯黑色 #000000 作为页面背景——始终使用 Fey 墨色（#0b0b0b），其色调更温暖，能与白色文字更好地搭配
- 不要使用蓝色（#479ffa）表示信息/语义含义——它仅作为导航辅助色，而非状态指示
- 每个标题或卡片中不要超过一个色彩强调——克制是让色彩感觉有目的性的关键
- 不要使用重叠的堆叠阴影（多层降阴影）——系统依赖单一深黑色光晕，而非叠加阴影
