Tessel

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.

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 with a "How to customize" section.

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

Motion, all native — a hero headline that rises word by word, a scroll-driven photo, sticky columns, logo and review tickers, a "Book a walkthrough" modal with a working form and brand-coloured text selection.

Design system — 20 colour tokens named by role, 17 text styles and reusable components: buttons, section heads, pills, FAQ, phone menu, forms. Change one token and the whole site follows.

4 breakpoints — Large 1440+, Desktop, Tablet, Phone, on every page. No custom code, nothing to maintain.

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

Good for — developer tools, ops and data products, infrastructure, fintech.

Good to know — light mode only. No docs or help-center pages. Demo content to replace with yours. The demo includes a Get Tessel button: delete one layer before publishing (see the canvas docs).

Support — 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.