SaaS
Framer template
A SaaS template built on structure, not decoration.
Numbered sections, a visible grid and one burnt-orange accent. Nineteen pages, five CMS collections, four breakpoints and no custom code. It reads like a product that has something to say.
$99
Launch price · then $129
19
Pages
5
CMS collections
4
Breakpoints
0
Lines of custom code
Version 1.0 · Released September 2026 · Built in Framer, no custom code · Updates ship through the template changelog
What you get
19 pages: Home, Product, Pricing with a comparison table, Integrations, Customers, Changelog and entry, Blog and post, Careers and role, About, Contact with a working form, Privacy, Terms, DPA, Licenses, 404 and a Style guide.
5 CMS collections (Reviews, Changelog, Integrations, Blog, Careers) already wired to lists and detail pages.
A design system as Framer styles: 20 colour tokens, 17 text styles and 7 components, including a Button with four variants.
Four breakpoints: Large (1440+), Desktop, Tablet and Phone.
Anton, Geist and IBM Plex Mono from the Framer font library. No custom code.
Good for
Developer tools, ops and data products, infrastructure, fintech. Anything that would rather look precise than friendly.
Limitations, so you know before you buy
Light mode only: tokens are named by role, so a dark theme is a token swap, not a redesign. No docs or help-center pages. Everything is demo content: legal pages, testimonials, logos and photos are placeholders to replace with yours.
Four decisions that shaped it
Sections numbered like chapters
Every block carries a numeral anchored to the last line of its title. The page reads in order, the way a product with something to say should, and the numerals double as anchors for the navigation.
One accent does all the pointing
Burnt orange appears where the eye has to go: the key word in a headline, the primary button, the plan worth choosing. Nowhere on the site asks for a second colour, so the accent keeps its meaning.
Architecture in black and white, not people at laptops
Photography is greyscale architecture from Unsplash: structure, repetition, shadow. It keeps the accent as the only colour on the page and swaps in one click for your own imagery.
Tokens named by role, not by colour
Twenty colour tokens are named for what they do (Surface, Text, Line, Ink, Accent, Status), never for what they look like. A new palette is a token swap, not a redesign, and a dark theme is the same job.
What’s inside
Before you buy
01
What happens after I pay?
Polar sends you a receipt and the remix link. Open it, choose your Framer workspace, and the whole site is duplicated into your account with every page, CMS collection and style.
02
Do I need a paid Framer plan?
You can remix and edit on a free Framer account. To publish on your own domain you need a Framer site plan, paid to Framer, not to me.
03
Can I change the fonts and colours?
Yes. Colours are tokens named by role, so swapping the palette is one pass through the styles panel. Fonts come from the Framer library and can be replaced from the text styles.
04
What does support cover?
Questions about the template and bug fixes, answered by a person within two business days, Monday to Friday, CET. Custom design or build work is a separate service. Refunds follow the Framer Marketplace policy.
Made by Miguel Recio, identity and web designer
Need it adapted to your brand, new pages or a full build? I do that as a separate service.
Get Tessel
One payment. The remix link arrives right after checkout.
$99
Launch price
then $129
Secure checkout by Polar, invoice included. Support by a person within two business days. Refunds follow the Framer Marketplace policy.