Figura

近黑色基底、等宽文字标注与紧密字距。
页面以近黑色为基底,搭配白色文字。字体采用 Inter、Geist Mono。视觉特点包括等宽文字标注、紧密字距。适合参考的场景:设计工作室首页、案例展示页。
查看原始网站使用规范
建议采用
- 每个区块都以 #000000 为页面背景,除非其用途是充当白色舞台镜框,例如产品展示或功能卡片;此时使用 #ffffff。
- 所有按钮圆角都设为 56px。按钮必须读起来像胶囊,绝不能像矩形。
- 32px+ 的展示标题使用 -0.03em 字间距,15-18px 正文使用 0 字间距。紧密展示文字与中性正文之间的对比是标志。
- 元数据、时间戳、状态标签和小标签使用 10-12px 的 Geist Mono,字间距为 +0.02em 至 +0.04em,绝不用在正文叙述中。
- 严格限制颜色:页面 95%+ 应为纯 #000000 与 #ffffff。#8f8f8f 只用于确实需要弱化的辅助文字或禁用状态。
- 区块垂直间距保持 96px。深色画布需要宽裕留白,才能让白色文字呼吸。
- 大型表面卡片使用 32px 圆角,小型行内元素使用 8px,绝不混用。从 8 到 32 再到 56 的跳跃是有意设计,构成系统几何节奏。
建议避免
- 不要引入彩色品牌色、强调色或按钮填充。系统坚定采用单色,添加颜色会稀释其纪律。
- 不要使用投影。Figura 只以 #000 对 #fff 的表面颜色对比表达悬浮层次,阴影在黑匣子环境中只是噪声。
- 圆角值不要超出既定尺度 8、32、40、56、200。200px Token 只留给设备模型等完整曲率形态,不用于卡片或按钮。
- 超过 2 行的正文段落不要居中。叙述文字左对齐,仅让短宣言和标题居中。
- 22px 以上的任何 Inter 文字,字间距都不要大于 0。紧密展示文字是标志,放宽会让字体显得普通。
- 不要添加改变颜色的悬停状态。深色系统无法容纳彩色悬停提示,应改用不透明度 1.0 → 0.7,或 1px 边框变化。
- 白色文字不要放在非纯黑背景上。如果确实需要 #000 之外的表面,使用 #1f1f1f 或 #333333,并确认对比度始终高于 12:1。