VISIONNAIRE. Editorial streetwear gallery on bone-white.
- Commerce
- Light theme
- 6 colors
- 1 typeface
VISIONNAIRE is an editorial streetwear shop rendered as a gallery on bone-white: large-format photography, heavy uppercase tracking, and a stripped-down achromatic palette that lets garment prints and color-block hero panels do the visual work. The interface avoids chrome — no shadows, no rounded card stacks, no gradient washes — relying on hard edges, hairline rules, and a single warm cream (#f7f5e8) to break the black-on-white monotony. Pill buttons (50px radius) and generous letter-spacing on every label give the system a fashion-magazine cadence rather than a retail-grid feel. Product tiles are dense and uniform (4 across), prioritising catalogue breadth over white-space breathing room, and the entire chrome reads as uppercase, tracked, and slightly shouted — like a runway programme.

VISIONNAIRE design system
Brand1
Supporting palette color for small decorative accents when the core palette needs contrast.
Neutrals5
Neutral form states, badge text, and quiet UI feedback where color should stay understated. Do not promote it to the primary CTA color
Near-black for body copy on white and cream surfaces — slightly softer than pure obsidian, preserving AAA contrast on the warm cream
Muted icon strokes, separators, and secondary graphic details.
Warm off-white used for color-block hero panels, editorial sections, and the newsletter module background — the only chromatic surface in the system
Page canvas, product card backgrounds, modal surfaces — the base everything sits on
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Bone White on Dahlen Rust
4.98 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7











