57:I[473921,["/creators-assets/_next/static/immutable/chunks/3c-b-8ufmviux.js","/creators-assets/_next/static/immutable/chunks/2lb80c7sdmm1x.js","/creators-assets/_next/static/immutable/chunks/24qz5wotuh5hj.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/0j6nsovyxcqkz.js","/creators-assets/_next/static/immutable/chunks/3mwqlk6tp5l2t.js","/creators-assets/_next/static/immutable/chunks/2dvu3r_tb3ihz.js","/creators-assets/_next/static/immutable/chunks/1q7v4rdbqi_5d.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/1w_rozgc2dplq.js","/creators-assets/_next/static/immutable/chunks/0dglr8x18qkm5.js","/creators-assets/_next/static/immutable/chunks/0a8vglvd9phm3.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/2bbm33yuxi64a.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/0kjwwabuczr28.js","/creators-assets/_next/static/immutable/chunks/088oy6f_9ll4s.js","/creators-assets/_next/static/immutable/chunks/22zq93dcklbwz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0eljubaqaqluk.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3g7os-hf6q3tv.js","/creators-assets/_next/static/immutable/chunks/1e3mmtw6okz19.js","/creators-assets/_next/static/immutable/chunks/3fcb65_46-jt7.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/2x3imtac9af--.js","/creators-assets/_next/static/immutable/chunks/2t6l_zgbmmx8u.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/0_ulklfcrp-s3.js","/creators-assets/_next/static/immutable/chunks/3-uff2nrv83hw.js","/creators-assets/_next/static/immutable/chunks/0alicgkopr9se.js","/creators-assets/_next/static/immutable/chunks/0-kepukl8ldjk.js","/creators-assets/_next/static/immutable/chunks/2-u6q7fsgfx0e.js"],"PostDetailCard"] 58:T8eb,

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.

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.

Want it live with your brand? I set it up for you in 5 business days, from $690: miguelrecio.es/templates/setup.

Refunds follow the Framer Marketplace policy.

54:[["$","$L57",null,{"post":{"id":"01a0c9da-53bc-76bf-9cd7-131ac07898ec","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"920e333b-d954-4e1c-a81b-95c8df3af6dc","name":"Miguel Recio Alfonso","slug":"miguel-recio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/920e333b-d954-4e1c-a81b-95c8df3af6dc/b82l5n72","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73622","resolved":true,"title":"Tessel","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tessel is a SaaS template built on structure instead of decoration.","marks":[{"type":"bold"}]},{"type":"text","text":" 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."}]},{"type":"paragraph","content":[{"type":"text","text":"19 pages","marks":[{"type":"bold"}]},{"type":"text","text":" — 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."}]},{"type":"paragraph","content":[{"type":"text","text":"5 CMS collections","marks":[{"type":"bold"}]},{"type":"text","text":" — Reviews, Changelog, Integrations, Blog, Careers, wired to lists and detail pages with previous/next links."}]},{"type":"paragraph","content":[{"type":"text","text":"Motion, all native","marks":[{"type":"bold"}]},{"type":"text","text":" — 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."}]},{"type":"paragraph","content":[{"type":"text","text":"Design system","marks":[{"type":"bold"}]},{"type":"text","text":" — 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."}]},{"type":"paragraph","content":[{"type":"text","text":"4 breakpoints","marks":[{"type":"bold"}]},{"type":"text","text":" — Large 1440+, Desktop, Tablet, Phone, on every page. No custom code, nothing to maintain."}]},{"type":"paragraph","content":[{"type":"text","text":"Type and photography","marks":[{"type":"bold"}]},{"type":"text","text":" — Anton, Geist and IBM Plex Mono from the Framer library. Black-and-white architectural photography instead of stock people at laptops."}]},{"type":"paragraph","content":[{"type":"text","text":"Good for","marks":[{"type":"bold"}]},{"type":"text","text":" — developer tools, ops and data products, infrastructure, fintech."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]},{"type":"text","text":" — 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)."}]},{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]},{"type":"text","text":" — questions and bug fixes, answered by a person within two business days (Mon–Fri, CET) at "},{"type":"text","text":"info@miguelrecio.design","marks":[{"type":"link","attrs":{"href":"mailto:info@miguelrecio.design","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":". Bug fixes ship as template updates. "}]},{"type":"paragraph","content":[{"type":"text","text":"Want it live with your brand? I set it up for you in 5 business days, from $690: "},{"type":"text","text":"miguelrecio.es/templates/setup","marks":[{"type":"link","attrs":{"href":"http://miguelrecio.es/templates/setup","target":"_blank","rel":"noopener noreferrer nofollow"}}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Refunds follow the Framer Marketplace policy."}]}]},"introduction":"SaaS template built on structure","slug":"tessel","author":{"framerUserId":"920e333b-d954-4e1c-a81b-95c8df3af6dc","name":"Miguel Recio Alfonso","slug":"miguel-recio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/920e333b-d954-4e1c-a81b-95c8df3af6dc/b82l5n72","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/920e333b-d954-4e1c-a81b-95c8df3af6dc/01a15ed8-4708-74c9-b670-e53650642d64.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/920e333b-d954-4e1c-a81b-95c8df3af6dc/01a15ed8-46f2-75fe-b35c-eab57f2a009b.jpg","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/xHTnSsPgGfdQi2ZxMyGMe6ANJ7bjhECTmQeGD1ADStA.m3u8","metadata":{"posterUrl":"https://image.mux.com/xHTnSsPgGfdQi2ZxMyGMe6ANJ7bjhECTmQeGD1ADStA/thumbnail.webp?time=18.35","aspectRatio":"4:3","duration":21.833333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/920e333b-d954-4e1c-a81b-95c8df3af6dc/01a15f00-c416-756b-bffe-4e7b2d5ca71c.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/920e333b-d954-4e1c-a81b-95c8df3af6dc/01a15f00-c420-75d3-bd99-36d193712f18.jpg","metadata":{"tint":{"h":0,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-22T16:02:03.060Z","updatedAt":"2026-10-21T15:07:50.524Z","publishedAt":"2026-09-22T16:02:03.057Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://buy.polar.sh/polar_cl_tGfnG5ylxxdYuX6n7OFAfyBAxZkrFlrHuRG6934iw4o","remixUrl":null,"previewUrl":"https://tessel.framer.website/","categories":[{"id":22,"name":"Startup","slug":"startup"},{"id":270,"name":"Software","slug":"software"},{"id":272,"name":"Fintech","slug":"fintech"},{"id":112,"name":"Technology","slug":"technology"}],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-22T16:02:03.836Z","updatedAt":"2026-09-22T16:02:03.836Z","reported":false,"type":"post"}}],"$L59"]

Suggested for you