FLORA. Pure dark canvas, vivid images as the only color.
- AI
- Dark theme
- 9 colors
- 5 typefaces
FLORA is a black-velvet gallery for AI-generated imagery: a pure #000000 canvas where the only color comes from the images themselves. The interface is austere and editorial — no chromatic brand accent, no decorative gradients, no icon color. Geist carries every functional surface with quiet efficiency while Redaction 10 and Redaction 50 Italic lend expressive typographic weight to the few moments that need to feel curated (the hero question, the section openers). Components float on #191919 cards with hairline #b4b4b4 borders and 24px radii, looking more like matted photographs than software panels. The entire system is designed to disappear so that the generated visual output — the actual product — becomes the only vivid thing on screen.
FLORA design system
Neutrals9
Page canvas, primary borders, image frame edges
Near-black for icon strokes, inverted button text, fine detail borders
Card surfaces, elevated panels, input fields — one step above the canvas
Deeper elevated surfaces, input interiors, subtle panel separation
Muted headings, secondary borders, subdued labels
Body secondary text, link borders, metadata text
Primary borders, hairlines, dividers, muted body text
Light borders, subtle surface edges
Primary text, high-contrast borders, heading strokes — the only near-white
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Bone on Obsidian
18.10 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
