A near-monochrome editorial system — white page, true-black ink set airy at 300 weight — where the brand voice lives in pill-shaped buttons and deep slate-and-green outdoor bands.
Brand face is the proprietary Ridgeway Sans; shown here in Work Sans (nearest Google substitute). The signature move is heavy use of the 300 weight — hierarchy comes from size and negative tracking, not boldness.
Image-led product and story cards. Flat at rest (no shadow), lifting to a soft Material-style shadow on hover. White pill badges flag sale or status.
A 4px base unit on a 4 / 8 / 12 / 16 / 24 / 32 / 48 scale, with roomy 72px rhythm between sections.
Two languages: restrained 2–8px corners on surfaces, and fully-rounded 30px pills on interactive controls.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Cards stack to 1–2 up; pill filters wrap; lede and type ease down modestly. |
| Tablet | 768–1023px | Product / story grids collapse from 4-up to 2-up; gutters tighten. |
| Laptop | 1024–1279px | Full 4-up grid returns inside the ~1200px column. |
| Desktop | ≥ 1280px | Centered 1200px column with 40px gutters; imagery runs full-bleed. |
The system was designed light and roomy, so it stays legible as the column narrows without dramatic breakpoint jumps — type scales gently rather than restructuring.
Illustrative only — Patagonia doesn't sell subscriptions; this demonstrates how the system would render priced tiers.
Pattern demo — a dense data table in the Patagonia ink-and-hairline style.
| ID | Item | Size | Status | When |
|---|---|---|---|---|
| #PA-4821 | Nano Puff Jacket | M | Shipped | Jun 24 |
| #PA-4820 | Baggies Shorts 5" | 32 | Shipped | Jun 22 |
| #PA-4818 | Better Sweater Fleece | L | Processing | Jun 21 |
| #PA-4815 | Black Hole Duffel 55L | — | Processing | Jun 19 |
| #PA-4810 | Capilene Cool Daily Tee | S | Delivered | Jun 15 |
Pattern demo — sign-in and account creation in the system's light, hairline-bordered style.