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.
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
| Step | Size | Line height | Used for |
|---|---|---|---|
| paragraph | 0.75rem | 1.6 | labels, meta, captions |
| sm | 0.875rem | 1.6 | nav links, buttons |
| md | 1rem | 1.4–1.6 | body copy |
| lg | 1.125rem | 1.6 | long-form reading |
| display | fluid clamp() | 1.05–1.2 | headlines, 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.
- Hero
Two photographs split at center, wordmark on the seam. Nav pushed to the edges so the composition stays untouched.
- Categories
The deliberate exhale. Maximum negative space, one contrasting product per category.
- Collections & showcases
Editorial shots (Las Vegas, No Chaos Only Order) treated as campaign, not catalogue.
- Heavyweight banner
The gaze section. Copy in the negative space, figure walking toward the Shop link.
- Footer
Quiet sign-off. Email capture, nothing shouting.

