Readout

Undertone is a multi-page Framer template for AI agents, research tools and data-heavy SaaS. It pairs a calm paper-and-ink look with product UI that actually moves: a live call player in the hero, an API event routed into Slack, Excel and Claude, and a four-tab product tour.

Made for products that have to look precise and trustworthy: fintech, analytics, AI research and B2B data.

Features

- Animated product mockups: live transcript player with waveform, API-to-app event router, tabbed product tour

- Mega-menu navigation that floats on scroll, plus a full phone drawer

- 4 CMS collections: blog, changelog, integrations directory and legal pages

- Pricing page with monthly/yearly toggle, plan comparison and FAQ

- Demo request form and newsletter signup on Framer Forms

- Hand-tuned desktop, tablet and phone layouts

- Geist and Geist Mono, one accent color, styles for every color and text size

- SEO-ready: titles, descriptions, social image and one H1 on every page

- Respects reduced-motion settings

Pages (12)

Home · Pricing · About · Book a demo · Blog (CMS) · Blog post (CMS) · Change log (CMS) · Release note (CMS) · Integrations (CMS) · Integration page (CMS) · Legal pages (CMS) · 404

Good to know

- The text inside the three animated mockups lives in code components. Edit it in each component's code file; timing and behaviour have property controls.

- Photos are from Unsplash (free license). Company names, logos, people and figures are placeholders.

Ideal for

AI agents, AI research tools, fintech, analytics, data platforms, developer APIs, B2B SaaS