The Class By Taryn Toomey
www.theclass.com/The reference for editorial-restraint fitness: a full-bleed studio-lit photo hero on warm bone #f8f7f2, one centred Collier serif line at 60px weight-100 ("Exercise the body."), and a single dark pill CTA doing all the work.
Fitness flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- Collier
- body
- indivisible-variable
- mono
Do / Don't
Reference it for
- Bone/paper background #f8f7f2 with warm charcoal ink #2b2422 as the only text colour, near-monochrome (834 of ~1000 text uses are the same brown-black)
- Full-bleed cinematic photo hero with the studio backdrop fading to the page bg at the bottom, so the frame has no hard edge
- One centred serif headline in Collier (--font-serif) at 60px, weight 100 (--heading-xl-font-weight:100), line-height 60px, letter-spacing 0, set in white over the photo
- The serif/sans split: Collier serif for headings only (28 uses), indivisible-variable sans for everything else (616 uses) at a tight 400 body weight
- Dark pill primary CTA: --primary #2b2422 fill, cream #f8f7f2 label, radius-full, with an inline arrow glyph ("Try now for free ->")
- Wide-tracked micro-nav caps: DIGITAL / NYC / LA / MONTAUK STUDIO in 14px sans, letter-spacing ~0.96px, no serif
- The sage/olive accent family kept off the hero and used only for status and detail: --tc-sage-500 #6b725f, --yellow-metal #6a6439, --video-status-live #5b6d4c
- 96px section vertical rhythm (--section-padding-y) with 1280px max content width and 24px container padding
Do not copy
- The wordmark THE CLASS set in Collier
- Taryn Toomey's name, likeness, and the specific dancer/practitioner photography
- The exact studio-lit warm-taupe photographic treatment and the cork-block prop
- The literal "Exercise the body." line and the movement-practice copy voice
- The four-studio location taxonomy (NYC / LA / Montauk / Digital)
- The exact bone+charcoal+sage palette as a set (recognisable as this brand)
- The plum/claret detail hues --tc-plum #592733 / #592733 tied to their identity