NEAR 网站预览
NEAR 网站预览

NEAR

明暗对比、细线分隔与满幅色块。

页面兼有浅色与深色区域。字体采用 FKGrotesk、Mona Sans。视觉特点包括细线分隔、满幅色块、扁平表面、居中构图。适合参考的场景:区块链项目介绍页、生态网站首页。

查看原始网站

使用规范

建议采用

  • #00ec97 Signal Green只用于主要操作、激活状态和AI Text Tile图案,绝不作为装饰背景填充或大面积表面色。
  • 满幅深色#000000分区与浅色#c7f5d8或#ffffff分区交替,建立节奏;每页至少有一次从深到浅的过渡。
  • 所有圆角均设为4px,包括按钮、输入框、卡片和标签;平面感就是品牌。
  • 所有44px+展示标题都采用FKGrotesk 500;让尺度承担强调,而非字重。
  • 每页至少放一次AI Text Tile图案作为品牌标志,可作为分区分隔或页脚横带。
  • 浅色表面上的卡片边缘以1px的#e5e7eb细线定义,绝不用box-shadow抬升。
  • 内容以1200px max-width居中,分区背景则满幅延伸至视口边缘。

建议避免

  • 不要引入额外强调色;Signal Green是唯一彩色功能色,Teal Pulse只出现在AI图块和插画中。
  • 任何地方都不要采用box-shadow或drop-shadow;抬升仅通过颜色对比和分区节奏实现。
  • UI组件圆角不要大于4px,没有胶囊按钮、圆润卡片或8px+圆角。
  • 标题不要采用FKGrotesk 700;大尺度中的500是标志性特征,700只留给行内强调。
  • 深色分区不要放置Signal Green按钮,改为白色填充,保留绿色作为浅色分区强调的角色。
  • 不要使用摄影或生活方式图像;视觉语言由文字、几何和黑色上绿色的关系构成。
  • UI表面不要采用渐变;唯一允许的渐变存在于晶体般3D插画形态内部。