Titan 网站预览
Titan 网站预览

Titan

白色基底、宽松留白与等宽字体。

页面以白色为基底,搭配近黑色文字。字体采用 Geist、Geist Mono。视觉特点包括宽松留白、等宽字体、分屏构图、大幅摄影展示。适合参考的场景:支付服务首页、金融科技产品介绍页。

查看原始网站

使用规范

建议采用

  • 所有主要操作均使用 160px 圆角的胶囊按钮——禁止使用方形或轻微圆角按钮
  • 所有标题均设置为 Geist 字体 500 字重,搭配 -0.03em 字间距,字号 32px 及以上;正文内容保留 400 字重
  • 所有大数值统计均使用 Geist Mono 48px 500 字重——金融数据的等宽字体是标志性特征
  • 将奶油色 #f3efeb 卡片表面与白色画布搭配以营造深度;禁止添加阴影以实现立体感
  • 保持界面完全单色——禁止引入强调色,色彩的缺失即是品牌身份
  • 在白色表面使用 1px 实线 #e9eaeb 细线边框,在奶油色表面使用 #d8d3cc 边框
  • 所有大写标签和微文本(10-14px)均应用 0.03em 正向字间距,以营造编辑类文本质感

建议避免

  • 标题切勿使用 600 或 700 字重——大字号下 500 字重搭配紧密字间距才是系统的表达语调
  • 切勿添加阴影、渐变或任何形式的立体效果——深度仅来自表面色彩对比
  • 切勿引入蓝色、绿色或任何有色彩的强调——0% 色彩度是刻意设计
  • 切勿使用尖锐的边角(0-8px 半径)于按钮或卡片上——必须使用胶囊形(160px)或大圆角(32px)几何结构
  • 正文切勿居中对齐——所有段落、描述和功能列表均需左对齐
  • 切勿使用纯黑色 #000000 作为正文或按钮背景——应使用 #111111 以实现更柔和的近黑效果
  • 切勿在页脚之外将深色卡片置于浅色背景上——仅在终端页面区域保留 Obsidian #1e1e1d 的反色设计