Figma Config

近黑色基底、大字排版与紧密字距。
页面以近黑色为基底,搭配浅灰色文字。字体采用 figmaSans、figmaMono。视觉特点包括大字排版、紧密字距、分屏构图。适合参考的场景:设计产品官网、作品展示页。
查看原始网站使用规范
建议采用
- Obsidian(#000000)是唯一画布;系统中的其他所有颜色都是其上的前景描边或文字。
- 正文设为figmaSans 18px/1.25,字间距-0.02em,不引入第二种字重。
- 80px / 0.95行高仅用于真正的展示时刻,每个屏幕最多一次。
- CTA采用无填充按钮(Chalk边框、透明填充)或反转按钮(Paper填充、Obsidian文字),操作绝不使用彩色品牌色。
- 所有圆角保持0px,系统任何地方都没有圆角。
- 首屏区块使用160px垂直内边距,堆叠的辅助行使用40px。
- 让页脚的大型展示字体延伸出视口边缘,不要限制在安全区域内。
建议避免
- 不要将品牌强调色引入UI;活动插画方块是装饰,而非设计变量。
- 不要添加卡片表面、投影或有高度的面板,画布是平坦的。
- 正文不要使用第二个字体家族;figmaMono只在按钮或图标中行内出现。
- 正文行高不要超过1.30,32px标题行高不要超过1.10;宽松行距会破坏海报感。
- 不要将按钮角落变圆,也不要添加超过12px的内边距;几何严谨性依赖紧凑的方形元素。
- 不要用颜色传达悬停、激活或错误状态;如需状态,将边框在Chalk与Graphite之间切换。
- 不要打破80px展示文字的字间距,-0.03em正是让标题成为单个文字块的原因。