5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/0jb7r9vkvbp9b.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3y8qjjd_v0fjc.js","/creators-assets/_next/static/immutable/chunks/0_aohzx8_x6oa.js","/creators-assets/_next/static/immutable/chunks/2e6uhasjhfbil.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/0t3q4gzvfui5n.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/30smfjlh8o71p.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/2a2w_2tavj0_e.js","/creators-assets/_next/static/immutable/chunks/3f-jmjjx_9lv_.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0lmmu21lg5-zj.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/05jm9t-fm5ei_.js","/creators-assets/_next/static/immutable/chunks/1pd9j9dvaikmb.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2jl0sg8984bmg.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2q-c5-h7837do.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/2k4fp8uwg758i.js","/creators-assets/_next/static/immutable/chunks/1dzckq15yxafa.js","/creators-assets/_next/static/immutable/chunks/0g9mmnya96tz6.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:Ta0e,

Launch your design studio with a site that stands out, not blends in.

Nocta is a conversion-focused Framer template for design studios. Nocta enables branding studios, creative agencies and independent designers to present premium work on a bold dark design that lets the work carry the page. Remix it, drop in your own content, and you are live in an afternoon, with every section editable without touching code. It is simply a well-organised path that takes a visitor from curiosity to a booked project.

What Sets Nocta Apart:

Conversion-Focused Design – Copy and layout were written together, so every section moves toward one thing.
Custom Code Components – Key sections run on simple lists. Add items and the layout rearranges itself.
Deeply CMS-Powered – Projects, blog posts and legals run on collections, so adding an entry is filling in fields.
Customise by Asking – Framer's built-in AI restyles or rewrites anything just by describing it, no code needed.
Design System - Colours, typography and components are defined once and reused, so the site stays consistent.
Built to Be Found – Clean heading structure, page titles, descriptions and alt text, findable from day one.
Responsive Design – Every section holds its proportions from a wide desktop down to the narrowest phone.

Pages Included:

Home - Let the work speak first, then show who it was made for.
Studio - Share your story, your process, and the people behind it.
Projects (CMS) - Give every piece of work its own page, added once and shown everywhere.
Blog (CMS) - Publish thinking that earns the first enquiry before you make it.
Contact - Built-in form, socials, and a clear call to action.
Legals (CMS) - Terms, Privacy Policy, and more.
404 - A simple, branded page for when something goes missing.

Perfect For

Design and branding studios, creative and digital agencies, independent designers showing premium work, art direction and motion studios, product and web design teams, and freelancers positioning as a studio.

5a:[["$","$L5d",null,{"post":{"id":"019c0f9a-e194-77e5-8436-01a75ecc079c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"aab04a11-89d2-48c5-9df8-65f2170ab832","name":"Marso Angelov","slug":"designedbymarso","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/807324/avatar-VfV8TCefzquEAQm1ic0i8vv9wcVbF7.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"59678","resolved":true,"title":"Nocta","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Launch your design studio with a site that stands out, not blends in."}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Nocta is a conversion-focused Framer template for design studios. Nocta enables branding studios, creative agencies and independent designers to present premium work on a bold dark design that lets the work carry the page. Remix it, drop in your own content, and you are live in an afternoon, with every section editable without touching code. It is simply a well-organised path that takes a visitor from curiosity to a booked project."}]},{"type":"customHeading","content":[{"type":"text","text":"What Sets Nocta Apart:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Conversion-Focused Design","marks":[{"type":"bold"}]},{"type":"text","text":" – Copy and layout were written together, so every section moves toward one thing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Code Components","marks":[{"type":"bold"}]},{"type":"text","text":" – Key sections run on simple lists. Add items and the layout rearranges itself."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Deeply CMS-Powered","marks":[{"type":"bold"}]},{"type":"text","text":" – Projects, blog posts and legals run on collections, so adding an entry is filling in fields."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customise by Asking","marks":[{"type":"bold"}]},{"type":"text","text":" – Framer's built-in AI restyles or rewrites anything just by describing it, no code needed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Design System ","marks":[{"type":"bold"}]},{"type":"text","text":"- Colours, typography and components are defined once and reused, so the site stays consistent."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built to Be Found","marks":[{"type":"bold"}]},{"type":"text","text":" – Clean heading structure, page titles, descriptions and alt text, findable from day one."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive Design","marks":[{"type":"bold"}]},{"type":"text","text":" – Every section holds its proportions from a wide desktop down to the narrowest phone."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Pages Included:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home","marks":[{"type":"bold"}]},{"type":"text","text":" - Let the work speak first, then show who it was made for."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Studio","marks":[{"type":"bold"}]},{"type":"text","text":" - Share your story, your process, and the people behind it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Projects (CMS)","marks":[{"type":"bold"}]},{"type":"text","text":" - Give every piece of work its own page, added once and shown everywhere."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blog (CMS)","marks":[{"type":"bold"}]},{"type":"text","text":" - Publish thinking that earns the first enquiry before you make it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact","marks":[{"type":"bold"}]},{"type":"text","text":" - Built-in form, socials, and a clear call to action."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Legals (CMS)","marks":[{"type":"bold"}]},{"type":"text","text":" - Terms, Privacy Policy, and more."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404","marks":[{"type":"bold"}]},{"type":"text","text":" - A simple, branded page for when something goes missing."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Design and branding studios, creative and digital agencies, independent designers showing premium work, art direction and motion studios, product and web design teams, and freelancers positioning as a studio."}]}]},"introduction":"Design Studio Template","slug":"nocta","author":{"framerUserId":"aab04a11-89d2-48c5-9df8-65f2170ab832","name":"Marso Angelov","slug":"designedbymarso","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/807324/avatar-VfV8TCefzquEAQm1ic0i8vv9wcVbF7.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/aab04a11-89d2-48c5-9df8-65f2170ab832/01a0c4e0-8376-75b1-9664-7f2a8b8a5af2.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/aab04a11-89d2-48c5-9df8-65f2170ab832/01a0c4e0-8378-73eb-a7e8-f9c94ee54590.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/aab04a11-89d2-48c5-9df8-65f2170ab832/01a0c4e0-838f-7688-b385-382edf9b3a41.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/aab04a11-89d2-48c5-9df8-65f2170ab832/01a0c4e0-8389-713e-83c8-413992b7f584.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-01-19T19:13:24.454Z","updatedAt":"2026-10-01T15:54:50.312Z","publishedAt":"2026-01-30T15:52:14.484Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/V1UFl8q","remixUrl":"https://framer.link/V1UFl8q","previewUrl":"https://nocta.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":221,"name":"Graphic Design","slug":"graphic-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":261,"name":"Typographic","slug":"typographic"},{"id":109,"name":"Modern","slug":"modern"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":274,"name":"Web","slug":"web-design"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":39,"name":"Selection Styles","slug":"selection-styles"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":35,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-01-30T15:52:14.484Z","updatedAt":"2026-01-30T15:52:14.484Z","reported":false}}],"$L5f"]

Suggested for you