Version 1.0 · October 2026
Nineteen pages. One isometric system.
Tessel is a calm SaaS template for Framer. Three homepages, three pricing and three contact layouts, CMS templates for blog, careers and integrations, and every page the Marketplace asks for.
3 homepages
Distinct heroes
19 pages
Ready to edit
3 collections
CMS ready
Motion
Documented
Three homepages. Same system, three moods.
Each home leads with its own isometric idea. Hover a card to scroll the full page.
Home 01 · Monolith
The block
A 4×4×4 isometric block that opens toward the cursor, an exploded layer stack, an iso chart and a click-to-build CTA.
Home 02 · Assembly line
The pipeline
A live isometric pipeline in the hero, use-case tabs with step diagrams, a run inspector and a connector grid.
Home 03 · Quiet
The editorial
Oversized type, one floating cube, three principles, an anatomy drawing and plenty of white space.
Three ways to price. Three ways to say hello.
Pick the pricing and contact layout that fits the product, or keep all six.
Pricing 01
Plan cards
Monthly and annual tabs, three plan cards, a full comparison table and usage pricing.
Pricing 02
Plan rows
Each plan on one full-width row, an "every plan includes" grid and a two-column FAQ.
Pricing 03
Focus
One large Team card, two compact plans, per-plan tabs and an Enterprise sales form.
Contact 01
Desks and form
Contact desks beside a full form with topics, team size and consent, plus a short FAQ.
Contact 02
Centered
A centered hero and form card, three desks with reply times and two office cards.
Contact 03
Book a demo
A dark split panel beside a demo request form and a four-step "what happens next" flow.
Inner and CMS pages. Built to be filled in.
Static page
Product
How it works, the four layers, agent guardrails, traces and security.
CMS list
Integrations
Seven featured connectors with category filters and a request form.
CMS template
Integration detail
Overview in formatted text, triggers and actions, setup steps and related items.
Static page
About
Story, values, numbers, a 2023 to 2026 timeline, team and offices.
CMS list
Careers
Perks, how we work, open roles with department filters and the hiring flow.
CMS template
Job detail
Role description in formatted text with a sticky application form.
CMS list
Blog
A featured post, topic filters, six post cards and a newsletter strip.
CMS template
Blog post
Article with table of contents, code, quote, author card and related posts.
Utility page
404
A missing block, with a way back home.
Made for Framer. Easy to hand over.
Named styles
Every color and text style has a clear name, so a change carries through the whole site.
Components
Navigation, footer, buttons, cards and FAQ are components with variants.
3 CMS collections
Blog Posts, Jobs and Integrations, each with a template page.
Built-in motion
Appear effects and scroll reveals, with reduced-motion support.
Isometric art in code
Drawings are code components with simple controls, crisp at every size.
Native forms
Contact, demo, newsletter and application forms.
Responsive
Tuned for desktop, tablet and phone with no sideways scroll.
Documented
A style guide and an instructions page ship with the template.
Start with Home 01.
Every page shares one set of styles and components, so a change in one place carries through the whole site.