Raise 网站预览
Raise 网站预览

Raise

白色基底、紧密字距与细线分隔。

页面以白色为基底,搭配深蓝色文字。字体采用 Inter。视觉特点包括紧密字距、细线分隔、居中构图、网格布局。适合参考的场景:支付服务首页、金融科技产品介绍页。

查看原始网站

使用规范

建议采用

  • 页面唯一的高饱和色使用 #0c2764,用于标题、品牌标志和主要 CTA 的填充。
  • 标题设为 60–72px、字重 800、字间距 -0.025em。超大文字是主要视觉锚点。
  • 用 1px 的 #e2e8f0 边框和标准卡片阴影区分卡片,不要叠加多层阴影。
  • 按钮、卡片、输入框和徽章统一使用 12px 圆角,避免混入 4px 或 8px 圆角。
  • 通过 Inter 完整的 400–800 字重范围建立层级,而不是引入第二种字体。
  • 卡片内边距使用 32px,区块内容之间设置 48–80px 的垂直间隔,留出呼吸空间。
  • 正文使用 #0f172b(Inkwell),而非纯黑;弱化的辅助文案使用 #62748(Distant Mist)。

建议避免

  • 不要引入其他高饱和色。海军蓝必须始终是唯一的彩色视觉锚点。
  • 不要使用强烈的悬浮效果,包括深重阴影和发光效果。元素之间通过细线边框区分。
  • 不要使用第二种展示字体。层级由字重和字号建立,而不是通过字体搭配。
  • 首屏标题不要放在彩色面板或渐变背景上。它们应直接置于白色背景。
  • 按钮和卡片不要使用 4px 或 8px 圆角;12px 才是系统标准。
  • 文字不要使用纯 #000000;使用 #0f172b,以保持柔和的纪实感。
  • 不要让界面框架元素挤满页面。设计依靠留白和文字字重来组织结构。