The Fitouter
www.thefitouter.com/a boutique interior fitout studio rendered as a moody design object: a deep oxblood-maroon ground (#38050E), a single chartreuse-lime accent (#BFC941), an Editorial New serif paired with Aspekta sans, oversized 150px pill radii and rich interior photography, all carried on Framer with Lenis smooth scroll and Framer Motion.
Design tokens
- display
- Editorial New Light
- body
- Aspekta 500
- mono
- none
Do / Don't
Reference it for
- Treating a fitout/renovation business as a design studio: moody dark ground, editorial serif headings, rich interior photography as proof of craft.
- A near-black + cream palette on an oxblood-maroon ground with a single chartreuse-lime accent, a distinctive, confident colour story.
- Oversized pill radii (128-192px) for big soft capsule shapes and image masks.
- A modern Framer + Lenis + Framer Motion motion system where scroll feel is part of the brand.
Do not copy
- Editorial New and Aspekta are licensed; substitute a contemporary display serif + a clean geometric sans.
- The oxblood/chartreuse palette and the German copy are The Fitouter's identity; borrow the dark-ground-plus-one-accent idea, choose the client's own hues.
- The heavy Framer animation (292 animated elements) can overwhelm; port the intent, not every reveal, and gate it behind reduced-motion.
Signature moves
moody dark ground plus one accent
an oxblood-maroon ground (#38050e) with near-black and cream carries a single chartreuse-lime accent (#bfc941), treating a fitout business as a moody design object.
oversized pill radii on capsule shapes
big soft capsule shapes and image masks use oversized pill radii from 128px to 192px (pill-sm 80px, pill 128px, pill-lg 150px, pill-xl 192px).
Framer-grade smooth-scroll motion
a Framer plus Lenis plus Framer Motion system makes scroll feel part of the brand, but the reveal density (292 animated elements) should be ported as intent not wholesale.
Related references
Almacantar
nicheReal Estate
an architecture-led property developer reduced to its barest, most confident form, full-bleed aerial London video on near-black, a single Albertus serif word-pair ("PLACES / PEOPLE"), almost no chrome, and a quiet fade-and-rise motion that lets the buildings carry everything.
Compass Re
flagshipReal Estate
a tech-brokerage site that fronts a property search engine with one calm photographic hero and a serif headline, using a near-monochrome ink-on-white system, a custom Compass Sans plus Compass Serif pairing, and a prominent buy/rent/sell search bar as the centrepiece.
Grand Street Dental
strongOther
A NYC cosmetic-dental practice that disarms dental dread with playful Bauhaus geometry and a warm cream canvas - scattered half-circles in pink, orange and blue behind a serif "Dentistry Redesigned", then walls of grinning patient photos.
Greenwise Organic Lawn Care
strongOther
A Chicago/Milwaukee organic-forward lawn-care company that earns trust through values and locality - lush landscape photography on a warm navy-gold-cream canvas, a Cormorant Garamond serif, a "Why Choose Greenwise" reassurance band, a service-area map with an availability checker, and a sustainability commitment that makes "organic" feel credible rather than greenwashed.