all packs

Market

DTC retail: clean neutrals, hot accent, product up front.

Storefront landing/marketlight + dark

Exemplar: DTC storefront landings

Studied from direct-to-consumer shop landings. Original tokens and copy; no assets copied.

Live tokens

Colors

bg
#FFFFFF
surface
#F6F4F0
surface-alt
#EDE9E3
text
#1E1B18
text-muted
#6B645C
border
#E2DCD4
primary
#1E1B18
on-primary
#FFFFFF
accent
#C63A20
on-accent
#FFFFFF

Type

Directionxxxl · 4rem
Design systemxxl · 2.875rem
Conversion notesxl · 1.875rem
Section headinglg · 1.375rem
Body copy for the pagemd · 1rem
Supporting textsm · 0.875rem
Meta labelxs · 0.75rem
Pack recipe 0123'Fraunces', 'Iowan Old Style', Georgia, serif
Pack recipe 0123'Geist', 'Inter', system-ui, sans-serif
Pack recipe 0123'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace

Spacing, radius, shadow

xs 0.25rem
sm 0.625rem
md 1.125rem
lg 1.75rem
xl 3rem
xxl 5rem
sm 6px
md 12px
lg 999px
sm
md

Component samples

The everyday carry, rebuilt

Weatherproof canvas, lifetime repairs.

Benefit, then material.

Free shipping over $75

True to size. Free returns.

Field Tote 18L

Waxed canvas, leather base

4.8 from 1,240 reviews

Recipe

Apply the rules, place the patterns, then tune the conversion notes against the rubric.

Rules

  • Keep the page white with warm neutral panels.
  • Use the hot accent on sale prices and the buy action.
  • Photograph product on the page background, no frames.
  • Round only the actions; keep image corners at the small radius.
  • Write product copy in benefits, then materials.

Patterns

  • Hero with the best-seller, its price, and the buy action.
  • Size and fit row directly under the buy action.
  • Review grid with photos from buyers.
  • Bundle row before the footer for the average-order lift.

Conversion notes

  • Show the free-shipping threshold above the buy button.
  • Add the fit note beside size selection to cut returns.
  • Place the bundle offer after reviews, not before.

See this pack on your site.

Attach your URL. The audit maps your gaps to Market or a better-fit pack.

The audit engine is in build. Your URL stays in this browser.