Screenshot of The Class By Taryn Toomey

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