Dunwell Framer Template

About this template

Dunwell is a Framer template for SaaS products. The demo brand is invoicing software for service businesses, but the product scenes are built from editable parts, so the same layout works for a booking app, a support tool or a developer product.

The hero is a code component. A record card, a metric card and an activity feed build in over about 1.3 seconds, then the status flips to done and the metric counts to its new value. Every label, icon, number and color is a control, and the colors follow the site's color styles. Further down, a tabbed product tour steps through six screens with a progress bar, and an annotated product screen explains the details with notes that stack into a list on phone.

What's included:

10 pages, including a CMS guide page

5 CMS collections: guides, changelog, reviews, FAQ and integrations

8 components: coded hero, product tour, pricing plans with a monthly and yearly switch, fee table, FAQ item, navigation with a phone menu, button and submit button

A pricing page with a full plan comparison table

2 forms: contact and start a trial

3 breakpoints: desktop, tablet and phone

19 text styles, 7 color styles and 6 link styles

An edit guide on the canvas that lists every demo fact to replace and where it lives

Pages: Home, Pricing, Guides, Guide, Changelog, Contact, Start a trial, Privacy, Terms, 404

Fonts: Bricolage Grotesque for headings and Geist for text and product screens (Google Fonts).

Good for: SaaS startups, B2B software, billing and fintech tools, booking and support products.

Before you launch:

The company, numbers, plans, fees, reviews and guide articles are demo content. Use real reviews only, and link to the source.

Point Log in and the sign-up form at your app, and choose where form submissions go.

Privacy and Terms are sample text. Replace them with your own.

The four guide covers are simple brand graphics. Swap in your own images.