Le Puzz. A yellow tabloid stuffed with puzzles.
- Commerce
- Light theme
- 6 colors
- 4 typefaces
Le Puzz is a maximalist boutique e-commerce system built on a two-color foundation: an aggressively saturated honeycomb yellow paired with pure black, floated on a cool pearl-gray canvas. The personality is vintage-newspaper-meets-puzzle-box — Times serif for body copy and a custom display serif (Times Now) for headlines, deliberately bucking the sans-serif e-commerce convention. The interface itself stays quiet and grid-driven so the photographed product packaging (dense, illustrated, toy-stuffed compositions) can carry the visual drama. UI controls are weighty: black-bordered buttons on yellow fills, pill-shaped badges, 12px-radius cards, and generous letter-spacing on small caps that gives even a "QUICK ADD" button editorial swagger.

Le Puzz design system
Brand1
Primary brand color, header band, primary action buttons, nav active state, link underline color, accent fills — the one chromatic note everything else orbits around
Neutrals5
Primary text, heavy borders, button outlines, icon strokes, nav text — the structural ink of the entire system
Secondary text, body copy, button borders, input borders — a slightly warmer near-black for softer reading
Muted badge surfaces, secondary chip backgrounds, low-emphasis UI fills
Page canvas, product card backgrounds, the cool stage on which yellow and black perform
Hairline dividers, subtle table/card separators
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Carbon Black on Honeycomb Yellow
15.22 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











