DNA 网站预览
DNA 网站预览

DNA

近黑色基底、细线分隔与衬线字形。

页面以近黑色为基底,搭配白色文字。字体采用 Graphik、Darius。视觉特点包括细线分隔、衬线字形、分屏构图、满幅色块。适合参考的场景:支付服务首页、金融科技产品介绍页。

查看原始网站

使用规范

建议采用

  • 所有标题必须使用 Darius 300,字号范围为 45–72px——衬线字体不得低于 32px 或高于 80px
  • 将 #1954ec 保留用于圆形指示器、渐变终止线,以及每个首屏区域最多一个强调词——蓝色绝不可填充按钮背景
  • 所有微标签(导航、图注、滚动提示)使用 Graphik 10px 字号,字间距为 0.4000em,全大写
  • 主要区块之间保持至少 59px 的垂直间距;同一区块内元素间距为 23–32px
  • 仅将 135° 青到钴的渐变用于粒子/宇宙背景和装饰线条——切勿用于文本背景或 UI 填充
  • 数值数据使用 Graphik 字体并启用 'tnum' 特性,以确保圆形指示器和统计数据块中的数字垂直对齐
  • 所有卡片、按钮和徽章的圆角保持为 0px(方形);仅允许链接内联元素保留 4px 圆角

建议避免

  • 不得引入第二套衬线字体字重——Darius 仅提供 300 字重,增加粗体或正文字重将削弱低语感的标志性特征
  • 不得添加阴影、发光或框阴影——深度来自粒子场和充足的负空间,而非立体感
  • 不得在大面积区域使用全透明的 #ffffff 边框——边框应为 1px 细线,降低对比度以呈现结构感,而非突兀
  • 不得将强调蓝色用于正文——蓝色是图形性强调,非阅读性颜色
  • 不得破坏两栏布局节奏——左栏文字、右栏视觉/说明是各区块的一致模式
  • 不得使用无衬线字体作为任何标题——Darius/Graphik 的对比是品牌核心;若让 Graphik 超过 40px 会削弱品牌识别度
  • 任何单个组件中不得使用超过一个彩色——配色方案为单色,仅以蓝色为唯一强调色