About Tessel Blocks
Tessel is a template for AI, automation and developer-tool companies. It is drawn on a true isometric grid: cubes, stacks and block cities are code components, so you change a drawing by changing a number, not by redrawing polygons.
20 pages, ready to edit
Three homepages with different layouts
Product, About, Careers and a 404 page
Three pricing pages: cards with a monthly/annual toggle, rows, and a sales form
Three contact pages, including a demo booking page
Integrations directory with category filters and a detail page per integration
Blog with category filters, a featured post and article pages with an "On this page" outline
Careers with department filters and a job page with an application form
Overview page that shows every page in the template
CMS included
Integrations (42 items, 6 categories)
Jobs (5 roles, 3 departments)
Blog posts (6 posts, 4 categories)
Every field is filled, filters are native CMS filters, and related items update on their own.
Built for the Framer Agent
A Design system page collects every color, text style, component and section in one place. Two Agent skills come with it: type /design-system in the Agent panel and the Agent builds new pages from Tessel's own sections and styles instead of inventing new ones.
Details
Desktop, tablet and phone layouts on every page
A Main layout template with nav and footer, so new pages start ready
22 color styles and 60+ text styles (Fraunces, Inter Tight, Martian Mono)
Isometric drawings, counters, FAQ, tabs and buttons as code components with simple controls
Components grouped in folders
9 native forms with sending, success and error states
Scroll animations that respect reduced motion
SEO title and description on every page, including CMS pages
Instructions, Changelog and Licenses pages on the canvas
