Tween

Tween is a Framer template for motion design, 2D/3D animation, explainer video and social content studios with 2 to 25 people, and for freelance motion designers who want to look like a studio.

It gives a SaaS or B2B visitor a clear answer in five seconds: what you make, what it moved, what it costs and how long it takes. Then it sends them to one action, Book a call. The hero sets a looping film pill inside a 128px headline. Case studies lead with the number each film moved. The Scope Builder turns three clicks into a price range and turnaround before the call.

Pages: Home, Work, Case detail, About, Journal, Journal post, Contact (booking card plus a 3-field form with success state), Legal, a styled 404, Start Here and a Design System page.

CMS collections: Cases (metrics, posters, film, process stills, quote), Team and Journal.

Components with variants: Nav with a phone Book a call chip, Button, Video Pill, Case Card, Service Bento Card, Comparison Column, Process Step with guarantee, Testimonial Card, Team Card, FAQ Item, CTA Block and Footer, plus the Scope Builder, Width Text and Loop Video code components with property controls and static fallbacks.

Mobile: every page is designed for Desktop 1200, Tablet 810 and Phone 390.

Agent ready: native Framer Skills for design-system and rebrand, a Design System page with every Color Style, Text Style and component, and a Start Here page with the editing order, a replace-before-publishing list and ready-to-paste agent prompts. 12 Color Styles and 10 Text Styles named by role make colours and fonts easy to swap.

Plan: needs Framer Pro for 3 CMS collections.

Support: questions are answered by email, and updates are free.