A creative agency website leading with a cinematic full-screen hero. Every animation was built from scratch with CSS — no libraries, no bloat, just motion that reinforces the brand's boldness from the first second.
Creative agency websites blur into one another — same hero, same services grid, same pastel gradient. Livia needed a site that would stop a potential client mid-scroll and make them believe the agency could deliver.
The hero opens with a sequenced reveal — copy slides in, visuals cascade, CTA appears last. Every animation was hand-written in pure CSS so the page loads fast and stays fast. No JavaScript animation libraries, no jank.
Below the fold, the services section uses a staggered reveal on scroll to keep momentum, while the rest of the site sticks to calm, editorial layouts that let the work speak.
Cinematic first impression.
No libraries, no weight added.
Staggered entrance on services.
Layout that lets work breathe.
Every animation is CSS-only, keeping the bundle tiny and the paint fast. Responsive down to mobile with scaled-back motion for better performance on low-end devices.
Next project