Altitude 网站预览
Altitude 网站预览

Altitude

午夜的金融编辑设计:昏暗交易大厅像印在骨白衬线纸张上,只由细边框和唯一蓝色强调照亮。

Altitude 采用午夜般的编辑语气:近黑画布、灰白衬线标题 Libre Baskerville,以及极细的次要文字 Inter。深底衬线搭配是标志性特征;多数 AI 金融工具依赖几何无衬线,Altitude 则借鉴 WSJ、FT 等金融印刷媒体,传达权威与审慎。山脊线描和绘画般的风景摄影替代常见渐变网格与 3D 渲染,让 AI 产品获得登顶与尺度感。表面通过几乎难以察觉的灰色阶梯 #111 → #181 → #1f → #26 → #32 分层,由细线边框承担其他系统中阴影完成的结构工作。界面几乎完全没有颜色,偶尔出现时,也像功能性标点,而非装饰。组件紧凑、矩形,圆角为 4–8px,并以内容为先。

查看原始网站

使用规范

建议采用

  • 所有区块标题和展示标题都使用 Libre Baskerville,字重为 400,字号为 36–72px,绝不以无衬线字体替换。
  • 维持 #111 → #181 → #1f → #26 → #32 的表面叠层,各级亮度大约提升 5–10%。
  • 所有按钮、输入框和徽章使用 4px 圆角,卡片使用 8px;16px 只用于大型图像容器。
  • 正文保持 Inter、14px、字重 400 和 #eeeeee;弱化辅助文字使用 #a4a19b,占位符使用 #5e5d59。
  • 基准采用 8px 元素间距与 12px 卡片内边距;区块节奏按 24/32/64/80px 阶梯放大。
  • 让山脊线图形或风景摄影承担视觉叙事。不使用渐变网格、3D 球体或霓虹发光。
  • 通过字重、边框和字间距,而非颜色传达状态;#2b7fff 只留给行内链接和焦点环。

建议避免

  • 标题不要使用字重 700 的粗体。Libre Baskerville 字重 400 才是声音,更重字重会破坏编辑语气。
  • 不要引入新的强调色。系统采用单色加一种蓝色,以绿、红、黄表示语义状态会破坏约束。
  • 卡片或按钮不要使用重投影。这里的阴影是 0.05 不透明度的轻声处理,而非 0.3 不透明度的抬升。
  • 圆角不要超过 16px。直线式的 4–8px 语言是标志,9999px 胶囊形会显得格格不入。
  • 正文不要使用白色 #ffffff。#eeeeee 更柔和,也是 #181818 背景上正确的前景色调。
  • 标题不要让 Inter 与另一种无衬线字体搭配。Inter/Baskerville 的二元关系是系统唯一字体组合。
  • 界面表面不要使用渐变。唯一检测到的渐变位于风景图像上,而不在任何卡片或按钮上。