Discover · Fitness

Orangetheory

A light page, one orange accent, set in PPRightGrotesk.

orangetheory.com
The home page of Orangetheory

The home page on 6 November 2026. Sites change; ask plagio for today's.

Pages

Colours

Each role is picked from where the colour is used and how much of the page it covers.

  • Background#f4eddf

    What the page itself is painted on, 28% of painted area, 0.2% of colour uses.

  • Text#0a0a0a

    The strongest colour carrying body text, 16.99:1 on the background, 21% of painted area, 11 links, 76% of colour uses.

  • Accent#ff8633

    The most colourful colour in use (chroma 0.80), 11% of painted area, 2 buttons, 0.4% of colour uses.

Also in use

  • #ffffff
  • #000000
  • #0000006b
  • #000000cc
  • #00000099

Type

PPRightGrotesk. The steps below are the sizes the page uses most, set in our font so you can compare them.

SampleFamilySizeWeightLine heightTracking
AaPPRightGrotesk64px70060.8px1px
AaPPRightGrotesk56px70052px-0.032px
AaPPRightGrotesk50px70062px-0.032px
AaPPRightGrotesk35.2px70038.4px-0.32px
AaPPRightGrotesk32px50039px0.1px
AaPPRightGrotesk26px50029.28px0.1px
AaPPRightGrotesk24px30028px0.1px

Use Orangetheory's system on your site

Paste this into Claude Code, Cursor or any agent with plagio connected. It reads the site live, with spacing, radii, shadows and the states this page leaves out.

Use plagio's extract_brand on https://orangetheory.com/, then restyle my site with its colours, type scale and spacing. Keep my content, layout and logo; take the system, not Orangetheory's copy.

More fitness