Tessel

About this template

Tessel is a SaaS template built on structure instead of decoration. Sections are numbered like chapters, the page sits on a visible grid, and one burnt-orange accent does all the pointing. No gradients, no glow, no purple. It reads like a product that has something to say.

Launch price — $99 until 20 October, then $129.

19 pages — Home, Product, Pricing with comparison table, Integrations, Customers, Changelog + entry, Blog + post, Careers + role, About, Contact with working form, Privacy, Terms, DPA, Licenses, 404 and a Style guide that ends in a "How to customize" section.

5 CMS collections — Reviews, Changelog, Integrations, Blog, Careers, already wired to lists and detail pages, with previous/next links and clear field names.

Design system — 20 colour tokens named by role, 17 text styles, 7 components (Button with four variants, Section Head, Pill, FAQ item, phone menu, form submit). Change one token and the whole site follows.

4 breakpoints — Large 1440+, Desktop, Tablet, Phone. Every page built on all four. No custom code, nothing to maintain.

Type and photography — Anton, Geist and IBM Plex Mono from the Framer font library. Black-and-white architectural photography from Unsplash instead of stock people at laptops, ready to swap.

Good for — developer tools, ops and data products, infrastructure, fintech. Anything that would rather look precise than friendly.

Limitations — light mode only (a dark theme is a token swap, not a redesign). No docs or help-center pages. Demo content throughout: legal pages, testimonials, logos and photos are placeholders to replace with yours.

Support — template questions and bug fixes, answered by a person within two business days (Mon–Fri, CET) at info@miguelrecio.design. Bug fixes ship as template updates. Custom work is available as a separate service. Refunds follow the Framer Marketplace policy.