The Kay
www.thekay.be/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.
Design tokens
- display
- sofia-pro (Adobe Typekit, geometric humanist sans)
- body
- sofia-pro
- mono
- none
Do / Don't
Reference it for
- A single-location wellness, pilates, yoga or spa studio that wants a calm, brochure-like feel instead of high-energy fitness tropes.
- A warm linen monochrome system: one ground colour (#f3eee8), near-black ink, white only on dark photo/video bands, no accent colour at all.
- Running an entire identity on one typeface (Sofia Pro class) at light 300/400 weights, set in tracked all-caps, with body type kept tiny (12-13px) and headings modest (~27px).
- Narrow centred content columns (500px) inside a wide 1296px frame, with very large vertical gaps (100-140px) that let linen margins carry the calm.
- Alternating quiet linen text bands with full-bleed photographic and video bands as the only contrast device, plus gentle Webflow scroll-into-view fade-ups.
Do not copy
- Sofia Pro is an Adobe Fonts (Typekit) licensed face; map to a comparable geometric humanist sans (Mona Sans, Hanken Grotesk, or a self-hosted Sofia alternative) under the client's own licence.
- The Webflow plumbing (jQuery, webflow.js, the Typekit loader) is not the craft; rebuild the feeling on the Jiffi Astro stack, do not port the platform.
- The Dutch/Flemish voice and the specific studio copy are brand-coded; borrow the low-pressure register, never the wording.
- The hand-lettered "THE KAY" mark and serif-ish wordmark are bespoke brand assets; commission the client's own, do not trace these.
Signature moves
An entire identity carried by one typeface: light-300 all-caps Sofia Pro with wi
An entire identity carried by one typeface: light-300 all-caps Sofia Pro with wide 1-2px tracking and tiny 12-13px body, centred in a narrow 500px column inside a 1296px linen frame, with 100-140px vertical gaps and only a gentle fade-up re
Related references
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.
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.