099 SUPPLY. Gallery wall of black-on-white objects.
- Design tools
- Light theme
- 8 colors
- 1 typeface
099 Supply is a museum-grid: white walls, black objects, labels in tiny tracked-out monospace caps. The entire interface is reduced to a pure white canvas with one near-black (#101010) doing all the work — typography, borders, fills, buttons, mockup silhouettes — so every rendered asset reads as a specimen on a gallery plinth. Typography is exclusively Soehne Mono at weight 400, with uppercase tracking up to 0.18em giving every label the air of a curator's index card. Components are flat, borderless, and defined by 1px hairline edges and tight 8px radii; there are no shadows, no gradients, and no chromatic accents. The aesthetic is forensic — each mockup and component tile is framed identically, letting the objects themselves carry the visual weight.
099 SUPPLY design system
Neutrals8
Pure-black decorative fills for mockup rendering and high-contrast object silhouettes
Primary headings, body text, and icon fills on light surfaces. Do not promote it to the primary CTA color
Dark surface tint for elevated dark components and modal/overlay backgrounds; Dark surface fill for elevated panels, toggle/loader component backgrounds
Secondary body text, supporting copy, muted helper labels
Section headings, icon fills, badge text, hover border state — the softest readable gray
Soft hairline borders for less prominent dividers and input outlines
Card edges, link borders, subtle dividers between tiles — the dominant hairline color
Page background, card surfaces, button backgrounds, link containers — the gallery wall everything sits on
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Canvas White on Charcoal
21.00 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
