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:T894,

Margin. A quiet template for considered work.

Margin is a dark, editorial template for writers, studios, and thoughtful software brands who want their site to feel like a print magazine crossed with an art exhibition. It leans on typography, generous whitespace, and cinematic imagery instead of loud gradients and busy UI, so the work feels calm, premium, and timeless.

Built for founders, portfolios, and product brands that value restraint. If your story deserves room to breathe, this is your starting point.

What makes it different

Margin is composed, not templated. Every section breaks the grid in its own way, so the page never feels repetitive. The result reads like a custom studio commission: solid black canvas, soft film grain, warm light instead of color, and a single refined sans-serif doing the heavy lifting.

What is inside

A full one page layout with ten distinct sections: floating navigation, full bleed hero, philosophy statement, editorial bento grid, floating product window, magazine testimonials, luxury pricing, editorial FAQ, atmospheric CTA, and a minimal footer with an oversized wordmark.
A custom, fully designed 404 page that matches the brand.
A complete design system: shared color styles and text styles wired through every section, so global edits take seconds.
Reusable components and code utilities, including a subtle film grain overlay and tasteful hover animations.
Smooth, intentional motion that guides attention without distracting.
Clean, semantic structure with logical headings, real links, and accessible contrast.

Built to customize

Everything runs on shared styles and stacks, so you can swap colors, fonts, imagery, and copy without breaking the layout. Replace the placeholder photography with your own, adjust the type scale once, and the whole site updates with you.

Best for

Writing and productivity apps, design studios, editorial portfolios, photographers, and premium personal brands.

5a:[["$","$L5d",null,{"post":{"id":"019ef06b-7536-77bb-8bda-c9285f858e35","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"f3774c93-e070-427a-ac20-05c76d5fd946","name":"Matt Dev","slug":"mattdev23","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f3774c93-e070-427a-ac20-05c76d5fd946/41i9ns6a","followed":false,"followsYou":false},"media":[],"resources":[{"id":"67930","resolved":true,"title":"Margin Template","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Margin. A quiet template for considered work.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Margin is a dark, editorial template for writers, studios, and thoughtful software brands who want their site to feel like a print magazine crossed with an art exhibition. It leans on typography, generous whitespace, and cinematic imagery instead of loud gradients and busy UI, so the work feels calm, premium, and timeless."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for founders, portfolios, and product brands that value restraint. If your story deserves room to breathe, this is your starting point."}]},{"type":"customHeading","content":[{"type":"text","text":"What makes it different","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Margin is composed, not templated. Every section breaks the grid in its own way, so the page never feels repetitive. The result reads like a custom studio commission: solid black canvas, soft film grain, warm light instead of color, and a single refined sans-serif doing the heavy lifting."}]},{"type":"customHeading","content":[{"type":"text","text":"What is inside","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A full one page layout with ten distinct sections: floating navigation, full bleed hero, philosophy statement, editorial bento grid, floating product window, magazine testimonials, luxury pricing, editorial FAQ, atmospheric CTA, and a minimal footer with an oversized wordmark."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A custom, fully designed 404 page that matches the brand."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A complete design system: shared color styles and text styles wired through every section, so global edits take seconds."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable components and code utilities, including a subtle film grain overlay and tasteful hover animations."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth, intentional motion that guides attention without distracting."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, semantic structure with logical headings, real links, and accessible contrast."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Built to customize","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Everything runs on shared styles and stacks, so you can swap colors, fonts, imagery, and copy without breaking the layout. Replace the placeholder photography with your own, adjust the type scale once, and the whole site updates with you."}]},{"type":"customHeading","content":[{"type":"text","text":"Best for","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Writing and productivity apps, design studios, editorial portfolios, photographers, and premium personal brands."}]}]},"introduction":"Clean Premium SaaS Template","slug":"margin-template","author":{"framerUserId":"f3774c93-e070-427a-ac20-05c76d5fd946","name":"Matt Dev","slug":"mattdev23","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f3774c93-e070-427a-ac20-05c76d5fd946/41i9ns6a","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f3774c93-e070-427a-ac20-05c76d5fd946/w2adlpso","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1448,"height":1086}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f3774c93-e070-427a-ac20-05c76d5fd946/46arw543","metadata":{"tint":{"h":0,"s":0,"l":24},"width":1535,"height":1024}}],"post":null,"createdAt":"2026-06-22T17:40:34.712Z","updatedAt":"2026-06-22T17:40:34.712Z","publishedAt":"2026-06-22T17:40:34.709Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/uIGd8Ea","remixUrl":"https://framer.link/uIGd8Ea","previewUrl":"https://altruistic-palette-733119.framer.app/","categories":[{"id":2,"name":"SaaS","slug":"saas"}],"styles":[],"mainCategory":{"id":270,"name":"Software","slug":"software"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":23,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-22T17:40:34.742Z","updatedAt":"2026-06-22T17:40:34.742Z","reported":false}}],"$L5f"]

Suggested for you