5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T86c,

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. It reads like a product that has something to say.

Launch price — $99 until 20 October, then $129.

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 that ends in a "How to customize" section.

5 CMS collections — Reviews, Changelog, Integrations, Blog, Careers, already wired to lists and detail pages, with previous/next links and clear field names.

Design system — 20 colour tokens named by role, 17 text styles, 7 components (Button with four variants, Section Head, Pill, FAQ item, phone menu, form submit). Change one token and the whole site follows.

4 breakpoints — Large 1440+, Desktop, Tablet, Phone. Every page built on all four. No custom code, nothing to maintain.

Type and photography — Anton, Geist and IBM Plex Mono from the Framer font library. Black-and-white architectural photography from Unsplash instead of stock people at laptops, ready to swap.

Good for — developer tools, ops and data products, infrastructure, fintech. Anything that would rather look precise than friendly.

Limitations — light mode only (a dark theme is a token swap, not a redesign). No docs or help-center pages. Demo content throughout: legal pages, testimonials, logos and photos are placeholders to replace with yours.

Support — template 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. Custom work is available as a separate service. Refunds follow the Framer Marketplace policy.

5a:[["$","$L5d",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":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"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. It reads like a product that has something to say."}]},{"type":"paragraph","content":[{"type":"text","text":"Launch price — $99 until 20 October, then $129.","marks":[{"type":"bold"}]}]},{"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 that ends in 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, already wired to lists and detail pages, with previous/next links and clear field names."}]},{"type":"paragraph","content":[{"type":"text","text":"Design system","marks":[{"type":"bold"}]},{"type":"text","text":" — 20 colour tokens named by role, 17 text styles, 7 components (Button with four variants, Section Head, Pill, FAQ item, phone menu, form submit). 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. Every page built on all four. 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 font library. Black-and-white architectural photography from Unsplash instead of stock people at laptops, ready to swap."}]},{"type":"paragraph","content":[{"type":"text","text":"Good for","marks":[{"type":"bold"}]},{"type":"text","text":" — developer tools, ops and data products, infrastructure, fintech. Anything that would rather look precise than friendly."}]},{"type":"paragraph","content":[{"type":"text","text":"Limitations","marks":[{"type":"bold"}]},{"type":"text","text":" — light mode only (a dark theme is a token swap, not a redesign). No docs or help-center pages. Demo content throughout: legal pages, testimonials, logos and photos are placeholders to replace with yours."}]},{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]},{"type":"text","text":" — template 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":{"rel":"noopener noreferrer nofollow","href":"mailto:info@miguelrecio.design","target":"_blank"}}]},{"type":"text","text":". Bug fixes ship as template updates. Custom work is available as a separate service. 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/01a0ce14-32f3-775e-a824-275303b470cc.png","metadata":{"tint":{"h":0,"s":25,"l":13},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/920e333b-d954-4e1c-a81b-95c8df3af6dc/01a0ce14-5032-706a-a608-78adbac27806.jpg","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/920e333b-d954-4e1c-a81b-95c8df3af6dc/01a0ce14-882c-72a8-a57c-87875389571d.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/01a0ce14-fa68-75bb-8918-afcbd069343e.jpg","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/920e333b-d954-4e1c-a81b-95c8df3af6dc/01a0ce15-1b62-7693-a456-b0f14d124782.png","metadata":{"tint":{"h":0,"s":25,"l":13},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-22T16:02:03.060Z","updatedAt":"2026-09-23T11:44:50.688Z","publishedAt":"2026-09-22T16:02:03.057Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://buy.polar.sh/polar_cl_tGfnG5ylxxdYuX6n7OFAfyBAxZkrFlrHuRG6934iw4o","remixUrl":null,"previewUrl":"https://ambitious-info-215265.framer.app/","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":[],"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}}],"$L5f"]

Suggested for you