A free Framer template for independent design studios that would rather show their work than shout about it. One design system, a full case-study CMS and a pixelating page transition.
Built for brand, digital and motion studios that plan to be around for a while.
Who it’s for
Small, senior studios working across brand identity, websites, motion and art direction. Topanga leans into a calm, confident “small by design” voice: big type, grainy electric-blue gradients, dithered imagery, and the work front and center.
Pages
- Home: hero, client logos, selected work, services, approach, studio bento grid and a new-business CTA
- Work (CMS index) and Case study (CMS detail page) with a cover, gallery, project details, rich-text write-up and a “next project” link
- Careers: CMS job listings with an application form
- Contact: enquiry form and studio details
- 404 and a Design System page (hidden from search)
What’s inside
- Every page runs on one design system: 9 text styles, 11 color styles and 16 reusable components (Page Intro, Section Header, Case Card, Service Row, Stats, CTA and more)
- A built-in design-system skill for the Framer agent, so new pages it builds look native from the first draft
- Pixelating page transition, smooth scrolling and gentle scroll-in animations
- Studio bento grid with micro-interactions, scroll-linked layered cards and a 3D animated cube
- Working forms with sending, sent and error states
- Fully responsive on desktop, tablet and phone
- SEO-ready: unique titles and descriptions, one H1 per page, alt text throughout, and CMS-driven share images for every case study
