Skip to content
Library

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.

Screenshot of VISIONNAIRE
Captured from vision-naire.com on October 11, 2026

VISIONNAIRE design system

VISIONNAIRE

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

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

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