Fitness references
20 deeply-analysed fitness sites, 13 flagship-tier. Each carries the design tokens, the do and don't rules, the signature moves and the section anatomy, so an AI builder grounds a fitness brief in how the best sites actually build it (home, shop, product detail, account, landing, services, location, story).
1rebel
flagshipFitness
The reference for a nightclub-energy boutique gym: pure black-on-white with an acid-lime #cede54 accent, condensed Agency FB Bold display screaming full-width over dark action photography, Suisse Intl mono metadata everywhere.
Alma Studio
flagshipFitness
The reference for a wellness-studio site that runs entirely in one olive tone (#7F8442 text on cream #F4F0EC), pairing a monumental Morion serif wordmark against Neue Haas Grotesk body for a calm, editorial feel.
Alo Yoga
strongFitness
an aspirational activewear and yoga store that runs almost pure black-on-white, lets full-bleed editorial photography fill the frame, and adds personality through one handwritten-italic serif overlay and disciplined image-grid merchandising.
Barrys
flagshipFitness
the original HIIT studio brand selling "the best workout in the world", a dark, cinematic Webflow site built on near-black and the Red Room red, condensed athletic display type, a hand-painted script signature, and a booking-first hero that puts "find a studio" above everything.
Blok 2
flagshipFitness
The reference for a boutique fitness studio that treats Swiss neutrality as luxury: near-black #050505 Suisse Intl set on cinematic full-bleed photography, with electric #0047ff reserved as the only chromatic move.
Core Atelier Pilates
nicheFitness
a warm, editorial pilates-studio site in espresso and cream (#25140C / #F7E7DE) with an Albert Sans plus Minion Pro serif-italic pairing, sun-lit interior photography, Lenis-smoothed scrolling and a giant "core atelier" wordmark closing the page.
Corepower Yoga
strongFitness
a yoga studio chain whose site runs entirely on the class timetable, Book / Studio Schedule / On Demand sit at the front of the nav, in a warm sunset-orange-and-cream palette with friendly Poppins, so finding and booking a class is the whole experience.
Frame
flagshipFitness
The reference for feel-good boutique-fitness swagger: an edgy black Program Nar OT Black display face screaming across full-bleed portrait photography, punched with lime #C8F746 and pillar-box red #E60F20, cut by an italic "awesome serif" for warmth.
Gymbox
strongFitness
a London boutique gym that shouts, near-black backgrounds, one electric yellow accent, a custom condensed display face set in enormous all-caps ("ANYTHING GOES", "GOT QUESTIONS?"), gritty workout photography and Lenis-smoothed Swiper carousels.
Heartcore
flagshipFitness
The reference for a boutique fitness studio that reads as a fashion house: near-black navy #0B101E, Sangbleu Sunrise serif display over full-bleed studio photography, and a split two-door hero that offers two ways in.
Kinective Fitness Club
flagshipFitness
The reference for cinematic-luxe fitness branding: a thin wide-tracked PPWriter-Thin wordmark floated over a warm golden-hour full-bleed video, then an editorial ivory (#FFF8F1) magazine layout carried by rust-orange (#B75636) accents.
People S Yoga
flagshipFitness
The reference for a warm, culturally-rooted yoga studio that runs olive-green (#818628) full-bleed against a hand-drawn photo cutout, a serif-italic two-line headline, and a pink (#e8ade4) infinite marquee that turns the mission into motion.
Scout Studios
flagshipFitness
The reference for a warm, editorial multi-studio wellness brand: cream #FFF9EB canvas, deep forest #184529 top bar and burgundy #6F2D1D ink, an all-lowercase Bagoss Standard hero over a full-bleed shopfront film, and pill-tag class labels running as an infinite marquee.
Skulpt Fitness
nicheFitness
a Dutch boutique gym in Grou built on Webflow that swings between a near-white #F5F5F5 ground and a graphite #202020 ground, sets a single chartreuse #CEF952 against ink, and runs a 122-144px Pilat Condensed Heavy display in all-caps so loud that the only motion it needs is a looping lime word-marquee and a 1.2s expo reveal.
Sky Ting Yoga
flagshipFitness
The reference for warm minimalist wellness: earth-ink #413A3A on cream #FAF9F8, a wide-tracked P3rman3nt wordmark, and Laica serif-italic accents that turn a class schedule into an editorial layout.
The Class By Taryn Toomey
flagshipFitness
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.
The Kay
strongFitness
a Belgian reformer-pilates boutique on Webflow that runs the whole site on one linen ground (#f3eee8), all-caps Sofia Pro at light 300 weight with a wide 1-2px letter-spacing, a full-bleed video hero, and centred body columns capped at 500px so the page reads like a quiet print brochure rather than a fitness site.
Third Space
strongFitness
a London luxury-gym chain that frames fitness as culture, full-bleed cinematic photography of athletes in near-black studios lit by neon, a GTSectra serif display with the word "for" set in italic against Circular sans, and a single calm 0.3s opacity fade carrying a tall 6116px scroll of dark photographic cards.
Third Space 2
flagshipFitness
The reference for luxury-gym cinema: a full-bleed dark video hero (rgb(30,30,30) fields on near-black) with a two-tone GTSectra headline that mixes roman and italic ("Training for life") over a real training photograph.
Tonal
flagshipFitness
a connected-fitness hardware brand selling a wall-mounted smart gym, a clean editorial system in near-black on warm bone, GT America plus a GT Expanded display cut, one electric teal accent, and Tailwind-driven cubic-bezier(0.4,0,0.2,1) transitions that keep a Vue app feeling like a premium product site.
Example pages