Skulpt Fitness
www.skulptfitness.nl/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.
Design tokens
- display
- Pilat Condensed (Heavy 800)
- body
- Suisseintl Book (400)
- mono
- none
Do / Don't
Reference it for
- A boutique gym, CrossFit box, HYROX studio, or high-energy local service that needs to feel athletic and loud with little or no photography: oversized condensed type does the work.
- A two-state flip-ground system (ink on #F5F5F5 light, #F5F5F5 on #202020 graphite) that alternates section to section and keeps a long 8783px page feeling sectioned and rhythmic.
- A single acid accent (#CEF952 chartreuse) applied to every signal (pill CTAs, scroll button, dividers, marquees, social icons) so the palette stays disciplined while reading as high-energy.
- The looping word-marquee as a section device (loop-move-left keyframe), and the mix-blend-mode: exclusion wordmark that inverts when bright type passes behind it.
- A numbered service index (01 Fitness, 02 Personal Training, 03 Groepsles, 04 Hyrox) on thin lime hairline dividers, and hairline-bordered pricing cards with forest-green check circles and lime CTAs.
Do not copy
- Pilat Condensed Heavy and Suisseintl Book are both licensed retail faces; map the display to a free condensed grotesque (Anton, Archivo Expanded, Bebas Neue) and the body to a neutral grotesque (Suisse-like, e.g. Schibsted Grotesk or Inter Tight).
- The Webflow plumbing (jQuery, the website-files.com CSS/JS chunks, the Cloudflare Turnstile on the form, the clubbezoek.nl gym-booking widget) is not the reference; borrow the type-and-accent system, not the stack.
- The exclusion-blend wordmark glitch is identity-coded to this brand's loud register; reach for it only when the brief genuinely wants that confrontational energy.
- The "a site by Maibru" footer credit is the studio's own mark, not part of the design language.
Signature moves
Type-as-hero plus one acid accent on a two-state flip-ground system: a 122px Pil
Type-as-hero plus one acid accent on a two-state flip-ground system: a 122px Pilat Condensed Heavy uppercase headline carries the screen with no photography, ink/whitesmoke and whitesmoke/graphite grounds alternate section to section, and c
Related references
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.
Abby Wilson Therapy
strongOther
A boutique therapist for "anxious, high-achieving women" who reassures by being polished and specific - a warm sand-and-charcoal editorial system, a Calluna serif voice, named specialties and a clearly walked process that says "I understand exactly who you are and how this works".
Abhishek Jha
nicheDesign Portfolio
Indian designer personal portfolio - 4-font system (DM Sans + thunder + editorial + playground), 17-step scale up to 288px, dark plum + pink palette, 9-keyframe marquee/cloud motion.
Adaline
strongDeveloper Tool
an AI-infra product site that swaps the genre's default dark-neon for a hand-built 3D Japanese-garden world, then runs warm earth tones, a grotesque/mono type pair and patient scroll-reveal motion over the top so a developer tool feels like a calm place.