Skip to content
Browse
Library

Zellerfeld. Monolithic plinth surfaces, single cobalt spark, lowercase whispers from floor to ceiling.

  • Commerce
  • Light theme
  • 10 colors
  • 3 typefaces

Zellerfeld reads as a digital sculptor's gallery on white marble — a 3D-printing footwear marketplace where monochrome surfaces, generous whitespace, and oversized lowercase typography let each product behave like a museum object. The interface commits to extreme restraint: 99% achromatic canvas with a single electric cobalt (#000aff) reserved for urgency — badges, the active 'Shop' nav, the current-slide state. Cards float on a warm pearl gray rather than pure white, giving the grid a tactile, plaster-cast quality. Type stays in a single custom grotesque (Roobert) at tight -0.04em tracking, with Space Mono dropped in only for prices, ranks, and technical metadata. The result is a product page that feels closer to a design press site than a retail checkout — objects are photographed, not sold.

Visit zellerfeld.com
Screenshot of Zellerfeld
Captured from zellerfeld.com on October 11, 2026

Zellerfeld design system

Zellerfeld

Brand1

  • New In badges, active nav pill, current-slide indicator, claim moments — the only chromatic signal in the system, used sparingly so it reads as activation not decoration

Accent1

  • New Color badge fill, soft highlight wash, tinted surface for variant callouts — a desaturated ghost of the cobalt that whispers color without breaking the monochrome regime

Neutrals8

  • Primary text, default borders, icon strokes, hairline dividers — the dominant structural color across headings, lists, and links

  • Body text alternate, subtle dark surface for inset blocks

  • List and navigation borders, structural dividers between rows and cells

  • Secondary text, muted body copy, de-emphasized metadata, link rest state

  • Card border tone, neutral button fill, muted button border — the gray that defines card edges without darkening them

  • Light card border, divider lines, inactive surface tint

  • Secondary surface for product cards, nav bar background, soft elevation tier above the canvas

  • Neutral form states, badge text, and quiet UI feedback where color should stay understated. Do not promote it to the primary CTA color

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Pure White on Electric Cobalt

8.44 : 1 contrast

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

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