Tessel Blocks

About this template

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

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

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