INVERSA 网站预览
INVERSA 网站预览

INVERSA

近黑色基底、等宽文字标注与大字排版。

页面以近黑色为基底,搭配暖白色文字。字体采用 NB International Pro、JetBrains Mono。视觉特点包括等宽文字标注、大字排版、宽松留白、单栏阅读排版。适合参考的场景:建筑作品集、空间项目展示页。

查看原始网站

使用规范

建议采用

  • 首屏标题使用 58–72px 的 NB International Pro,字重 400,行高 0.90,字间距 -0.03em;紧密行高将多行堆成一个整体。
  • 将 #ebfc72 作为所有需要引起注意的元素的唯一彩色强调色:按钮、激活状态、数据标签与图标高亮。
  • 所有 NB International Pro 文字无论字号大小,都应用 -0.03em 字间距;字间距是品牌声音的一部分,并非只用于展示文字。
  • 让影像以 100vw 铺满四边,圆角、边框与覆盖层都为零;照片本身就是界面表面。
  • 所有界面标签、按钮文字与元数据都使用 JetBrains Mono;等宽字体区分界面与编辑文案。
  • 按钮、标签和输入框统一使用 3.6px 圆角,不为追求“柔和”引入更大的圆角。
  • 区块间距设为 86–104px,以留白分隔,不使用分割线或背景色变化。

建议避免

  • 任何元素都不要添加 box-shadow;系统刻意保持平面,深度来自色彩对比,而不是浮起效果。
  • 不要引入第二种强调色;青柠色是有意独占的,任何其他彩色都会削弱测绘标记效果。
  • NB International Pro 正文不要小于 18px;该字体的人文主义比例需要充足字号才能正确阅读。
  • 不要以 #000000 作为画布;#13140 的橄榄色底调让深色感觉有机,而不是数码。
  • 任何组件的圆角都不要超过 3.6px;更大的圆角违背仪表盘美学。
  • 卡片或内容块不要使用彩色背景;内容直接放在深色画布上,不加界面外框。
  • 正文不要居中;编辑式内容始终左对齐,与任务日志的阅读流一致。