About Tandem
Tandem is a calm, editorial template for small business software: quotes, jobs, invoices and teams in one place. Warm off-white pages, ink black type and soft pastel gradients, set in Cabinet Grotesk and Switzer. It explains the product, proves it with real customer stories and turns visitors into sign-ups.
Pages
Home, Product, Pricing, Customers, Integrations, Security, About, Careers, Blog, Help, Changelog, Contact, Get started and Legal
A full page for every customer story, integration, blog post and job
A branded 404 page and a design system page with every colour, type style and component
CMS included
Customer Stories (6), Integrations (7), Posts (10), Jobs (7), plus Authors, Industries, Departments and categories
Customer story pages with the company logo, a four-number results band and a sticky facts card
Native filters on Customers, Integrations, Blog and Careers
Product UI, built natively
Every product card is real Framer layers: calendar, invoices, quotes, clients, automations, revenue, webhooks and security
Edit names, numbers and toggles like any other text, no images to redraw
Motion
A scroll-pinned feature showcase, word-by-word manifesto, counters, image drift and a logo marquee
A morphing navigation dropdown, button hovers and FAQ reveals, all respecting reduced motion
Details
Desktop, tablet and phone layouts on every page
Named colour and text styles, shared components (navigation, footer, buttons, pricing with a monthly/annual toggle, FAQ, CTA, cards)
SEO title and description on every page, including CMS pages
Free fonts for commercial use: Cabinet Grotesk and Switzer (Fontshare)
