NaN 网站预览
NaN 网站预览

NaN

浅绿色基底、渐变展示与大字排版。

页面以浅绿色为基底，搭配近黑色文字。字体采用 NaN Holo Mono、NaN Holo。视觉特点包括渐变展示、大字排版、细线分隔、等宽文字标注。适合参考的场景：设计产品官网、作品展示页。

查看原始网站

使用规范

建议采用

  • 所有界面文字采用 NaN Holo Mono，字间距为 0.075em；等宽加字间距的组合构成“NaN UI”，区别于普通等宽字体。
  • 文字和边框使用 #262626，界面框架不用 #000000；纯黑留给最重的展示样张。
  • 展示样张延伸至视口边缘，不加 max-width 限制；字体定义横向尺度。
  • 极光渐变按钮（29.4px 圆角）每页只使用一次；它是唯一暖色元素，因此严格限量。
  • 每个新分区以 14px NaN Holo Mono 的空心圆点（◉）标记，其后留出 60-80px 纵向空间。
  • 让样张卡片自我说明：直接用该字体呈现卡片的字体名称，而非普通标签。
  • 全部抬升只由 #262626 的 1-2px 细线边框表达，不引入投影。

建议避免

  • 页面表面不要使用 #ffffff，否则会破坏薄荷画布身份。
  • 正文或界面边框不使用 #000000，它会与柔和画布冲突。
  • Holo Mono 字间距不低于 0.05em；letter-spacing 让等宽字体显得是有意设计的界面。
  • 不引入更多强调色；色板仅有薄荷、青柠、炭黑及极光渐变。
  • 卡片或按钮不添加投影；网站仅通过边框和留白定义深度。
  • 卡片不使用 4px 或 8px 圆角；18px 卡片圆角是标志性的柔和边角语言。
  • 展示样张不要放进居中容器；铺满边缘让字体具有建筑感。

相似设计语言