Trusted by teams at
Tandem is a calm, light template for small business software: product, pricing, integrations, customer stories, careers, help and blog pages, with live product cards, a sticky feature tour and GSAP motion, all built on Variables.
Software for small teams, explained calmly. Tandem is built for SaaS products that serve trades, studios and shops: warm photography, soft gradient art and product cards that show the app at work.
Pages: Home, Product, Pricing, Integrations, Integration detail, Customers, Customer story, Security, About, Careers, Job detail, Blog, Blog post, Help, Changelog, Contact and Get started, plus Style Guide, Instructions, Licenses, Legal, 404 and Password.
CMS: Blog Posts with categories, authors and related posts; Customer Stories with logos, stats, quotes and industry filters; Jobs with team, location and type plus an application form; Integrations with category filters, a detail page and related integrations.
Motion: a word-by-word hero with drifting product cards, a scroll-read manifesto, a sticky four-story feature tour, a floating island navbar with a morphing dropdown, a results slider, a logo marquee and a petal field in the footer, all GSAP with a reduced-motion fallback.
Built clean: Client-First classes, Variables for colour, type and spacing with tablet and mobile modes, labelled forms with styled success and error states, and alt text on every image. An Instructions page documents every animation block.
Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.
This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state.
Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.
For advanced design guidance, please share your questions in the Webflow Forum or reach out to a Webflow Partner.
Share your feedback by leaving a comment below.
For template support, please check the Support tab.
Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.
It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.
With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.
Webflow templates are only available for purchase through Workspaces and legacy individual accounts.
CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.
Use the View Connections tool to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check Components and the Collection page Templates.
Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan.
Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.
.svg){kind=small}
Comes with GSAP animations and interactions for additional polish and usability.
Reposition and resize items anywhere within the grid to produce powerful, responsive layouts — faster and without code.
Build your lead lists and subscriber base with beautiful forms.
Comes with animations and interactions for additional polish and usability.
