AFTERCLICK Framer Template

About this template

AFTERCLICK is a dark, motion-led theme for marketing studios, growth agencies and B2B teams who want a site that looks built rather than assembled.

Its centrepiece is a sticky scroll-storytelling section: a panel pins to the viewport and morphs through four process steps as the visitor scrolls. Around it sit WebGL shader backgrounds, character-by-character headline reveals, a logo marquee that slows down on hover, staggered card entrances, image zooms on hover and transitions between pages. Every animation is native Framer - no code components, nothing to maintain.

WHAT'S INSIDE

• 8 pages plus 2 CMS detail templates: Home, Work, Case Study, Services, Pricing, About, Blog, Blog Post, Contact, 404

• Desktop, tablet and mobile breakpoints designed on every page, not auto-scaled

• 5 CMS collections: Case Studies, Blog Posts, Services, Testimonials, Team

• 8 components with property controls, including a navbar whose mobile drawer closes when a link is tapped

• A working contact form with pending, success and error states

• Pricing tiers with a featured variant, and an FAQ accordion

BUILT TO BE EDITED

Colour runs on 11 style tokens and type on 14 text styles with a responsive scale, so you can rebrand the entire site from two panels. The navigation and footer live in a layout template - change them once and all ten routes follow. Every repeated element is a component with named controls for its labels, links and icons, so you edit content in the properties panel instead of hunting through the layer tree. All lists are CMS-driven, so your content stays out of the canvas.

Typefaces are Bricolage Grotesque, Inter and JetBrains Mono. Sample copy, imagery, six case studies and six articles are included, so you can see the structure working before you replace it with your own.