Skip to content
Library

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.

Screenshot of Le Puzz
Captured from lepuzz.com on October 11, 2026

Le Puzz design system

Le Puzz

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

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

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