Leoleo Studio

Reference it for

• Achromatic black-on-white chrome with all colour delegated to rendered imagery - three CSS variables total (--c-white, --c-grey-light, --c-black)
• Tiny logomark floating in a dark rgb(55,55,55) pill nav centred at top - the brand stays small while the work stays huge
• Full-bleed 3D render film as hero - product/object renders (pipes, vessels, fur textures) on muted lavender or warm backgrounds, no chrome competing with them
• Cinematic 0.45s easeOutExpo (cubic-bezier(0.165, 0.84, 0.44, 1)) workhorse transition for transform + opacity scroll reveals - 174 hits across the page
• Lenis smooth scroll + Splitting text-split as the entire scroll-feel layer - no GSAP, no scrollTrigger, no fancy WebGL
• 5x 624px-tall 2-up case study tile pairs separated by 16px 's-vide' empty sections - rigid rhythm against rich imagery
• Single giant statement section as second beat ('Combining creativity and expertise, we reveal the character of brands that stand out in their time.') at 56px Codec Pro, after the hero film
• Display-scale service list as expertises section - the words Website / Service design / Web experiment / E-commerce / 3D & motion / Social media set at ~96-128px display weight, stacked, with a right-aligned discipline list (STRATEGY / BRANDING / CONCEPTS / AD / BRAND PLATFORM / TON OF VOICE / etc.) in 14px Codec Pro

Do not copy

• The cat-head logomark and 'leoleo' wordmark
• The 'Combining creativity and expertise, we reveal the character of brands that stand out in their time.' positioning statement
• The 'Got a project in mind? We're listening :)' contact copy
• The Vaulk / Lacoste x BPM / Agorespace / Boa Concept / Argile case studies
• The Codec Pro typeface licence unless Jiffi or the client pays for it (Bunchbox foundry-owned commercial cut)
• The specific lavender + cylindrical-pipe + lipstick hero render composition
• The fur-texture mobile hero (clearly part of a specific case study reveal)
• The big-cat 'HELLO' marquee at the footer (with the rolling fur cat heads)