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;更大的圆角违背仪表盘美学。
- 卡片或内容块不要使用彩色背景;内容直接放在深色画布上,不加界面外框。
- 正文不要居中;编辑式内容始终左对齐,与任务日志的阅读流一致。