About Shade Studio
Shade Studio is a Framer template for design and development studios and agencies. Show your projects with full project detail pages, win trust with testimonials, awards and stats, and take enquiries with a built-in contact form. Smooth scroll, text and fluid effects included. Fully CMS-driven, with a design system and setup guide.
Pages
Home: physics hero, featured work, services carousel, process stack, CMS testimonials (photo, quote, logo, 3 stats), closing statement
Studio: about, animated stats, timeline, team, hover-image awards, client logos
Projects: service filters, Featured / A–Z sort, Load More, CMS project page (8 demo case studies)
Archive: infinite, draggable project canvas
Contact: Rocky, a guided chat-style contact form
Setup Guide (/setup-guide) & 404
Motion & interaction
Gravity-driven letter preloader & scroll-reactive physics hero
Scroll-reel animated titles & GSAP scroll-text finale
Fluid cursor effect (1-click toggle)
Lenis smooth scrolling & site-wide parallax
Image reveals, process stack & falling-letters footer
Poster-first video player with red accent controls
Reduced-motion support
Rocky, the contact form
Two flows: Start a project (7 steps, brief upload) or Quick question
CMS-managed step GIFs & fully editable dialogue
Optional voice (with style settings), sound effects & 4 robot themes
Sends via FormSubmit, Web3Forms, or Auto with backup + webhook support (Zapier, Make, Formspree, etc.)
Built to customise
CMS for projects, services, awards, testimonials & contact copy
Global colour/text styles & auto light/dark switching logo
Desktop, tablet & phone layouts
Fast loading: 95+ desktop / 90+ mobile Lighthouse scores
Per-page SEO settings & step-by-step setup guide
Custom work Need this template customised or your content added? WhatsApp: +8801628013289 (https://wa.me/8801628013289) Email: monirulbuild@gmail.com Customisation starts from $249.

