A1
Client-First
Flat, readable class names with page prefixes and shared components.
Template overview
Version 1.0 · October 2026Twenty-five pages. One isometric system.
Tessel is a calm SaaS theme for Astro. Three homepages, three pricing and three contact layouts, CMS templates for blog, careers and integrations, and every utility page a site needs.
3 homepagesDistinct heroes
25 pagesReady to edit
3 collectionsCMS ready
GSAPDocumented
01 Homepages
Homepages
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.
02 Layouts
Layouts
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.
03 Inner pages
Inner pages
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 Rich 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 Rich 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.
Template page
Changelog
Every version of the template, newest first.
04 Template
Template pages
Everything the Marketplace asks for. Plus a little more.
Template page
Style guide
Every color, type style, button, form element, component and drawing.
Template page
Instructions
How to edit the GSAP animations, the isometric art, fonts, CMS and forms.
Template page
Licenses
Fonts, GSAP, illustrations and icons used in the template.
Utility page
404
A missing block, with a way back home.
Utility page
Password
A private workspace gate built on the native password form.
05 Included
Included
Made for Astro. Easy to hand over.
B1
Variables
Every color, font and size is a variable. Change the accent in one place.
C1
3 CMS collections
Blog Posts, Jobs and Integrations, each with a template page.
D1
GSAP motion
Numbered blocks, data attributes and reduced-motion support.
A2
Isometric art in code
Drawings are generated from a few helpers, crisp at every size.
B2
Native forms
Contact, demo, newsletter, application and password forms.
C2
Responsive
Tuned at 991, 767 and 479 with no sideways scroll.
D2
Documented
A style guide and an instructions page ship with the template.
06 Start
Start with Home 01.
Every page shares one set of classes, variables and components, so a change in one place carries through the whole site.