Skip to content
Library

Figma Config. Modernist poster on black velvet.

  • Design tools
  • Dark theme
  • 4 colors
  • 2 typefaces

Figma Config operates in a stark typographic gallery mode: pure black canvas, one near-white text color, and a single ultra-tight custom sans-serif that does all the visual work. There is no decorative chrome, no soft cards, no color coding — hierarchy comes from scale jumps (16px to 80px) and extremely tight tracking, not from fills or elevation. Navigation is reduced to a logo and three ghost-bordered text links, and CTAs are inverted-outline buttons rather than filled pills, so the user feels they are walking through a modernist poster exhibit rather than using a product UI. The colored squares and abstract shapes that appear in error/empty states are event-specific illustration, not interface tokens — the system itself is almost entirely achromatic. Density is compact and edges are hard: borders are hairline, corners are sharp, and the only texture is the rhythm of oversized type sitting on void.

Screenshot of Figma Config
Captured from config.figma.com on October 11, 2026

Figma Config design system

Figma Config

Neutrals4

  • Page canvas, all surface backgrounds

  • Subtle button borders and secondary dividers that recede against the canvas

  • Primary text, nav links, ghost-button borders, hairline rules, footer text — the only foreground color in the system

  • Inverted button surface (ghost buttons flipped to filled) and rare high-contrast accents

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Paper on Obsidian

21.00 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.