LUMI Pilates A cinematic, dark-mode landing page for a boutique Pilates studio LUMI started from ...LUMI Pilates A cinematic, dark-mode landing page for a boutique Pilates studio LUMI started from ...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
LUMI Pilates A cinematic, dark-mode landing page for a boutique Pilates studio
LUMI started from a reference and turned into something moodier. Once the studio direction came together — low light, matte-black equipment — the original warm-cream idea stopped working, so I pivoted the whole theme dark: a near-black base (#0B0D0F) with a single powder-blue accent (#8FC4D2) pulled from a Pilates ball in the shot. Gold appears in exactly one place — the rating.
I explored the layout and wireframes in Figma, set Fraunces for display and DM Sans for the interface, and staged the hero to reveal its headline line by line: "Sculpt strength. Find balance. Feel like you."
The reformer footage was generated in Kling and Runway, the imagery prepped in ChatGPT, and the final site built in Framer with Claude alongside for the trickier layout and interaction calls — sticky nav, class carousel, booking flow, and a Member Stories section, all keyboard-accessible and reduced-motion aware.
Tools: Figma (design & wireframing) · Framer (build) · Claude · ChatGPT (imagery) · Kling / Runway (video)
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started