The system

Every value on this page is pulled from the shipped theme CSS. Nothing approximate.

01 · Palette

Five colors. Two do all the work.

Paper#FFFFFF

The default background. The store is mostly air.

Ink#000000

Text, primary buttons, the wordmark.

Slate#383838

Inverse sections. Quiet grey, never pure black.

Hairline#F2F2F2

Borders so thin they read as structure, not lines.

Error#8B0000

The only saturated red on the site. Shows up when something is wrong.

02 · Typography

A display serif that whispers. A workhorse sans that labels.

Newsreader · 200 · display

Heavyweight fabric.

Newsreader · 200 · heading

Structured cuts.

Red Hat Text · 400 · body

Every design is intentional. Every graphic carries memory. Heritage here is a living reference: evolving, worn forward, never nostalgic.

Red Hat Text · 400 · label

Availability    Price    Sort    11 items

StepSizeLine heightUsed for
paragraph0.75rem1.6labels, meta, captions
sm0.875rem1.6nav links, buttons
md1rem1.4–1.6body copy
lg1.125rem1.6long-form reading
displayfluid clamp()1.05–1.2headlines, hero copy
03 · Shape

Pills for people. Squares for precision.

Add to bagInteractive elements get the pill: 100px radius, black on white. Soft where the hand lands.
Search the storeInputs and popovers stay square, 0px radius. Sharp where information lives.
04 · Anatomy

The landing page, in order.

  1. Hero

    Two photographs split at center, wordmark on the seam. Nav pushed to the edges so the composition stays untouched.

  2. Categories

    The deliberate exhale. Maximum negative space, one contrasting product per category.

  3. Collections & showcases

    Editorial shots (Las Vegas, No Chaos Only Order) treated as campaign, not catalogue.

  4. Heavyweight banner

    The gaze section. Copy in the negative space, figure walking toward the Shop link.

  5. Footer

    Quiet sign-off. Email capture, nothing shouting.

Full landing page of the redesigned storefront
The full landing scroll, every section in its intended order