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

Most agency templates look the same. Clean white. Neutral grotesque. Photography that could belong to anyone.

Studio—N refuses that vocabulary.

Not another agency template. See why.

Built on three pillars — type as image, photo as character, red as voice — Studio—N draws its lineage from Penguin Editions, Vignelli, and the contemporary independent magazine. It reads like a spread from Document Journal. It ends like a Pentagram project page.

What's inside

7 pages · 2 CMS collections · 25 custom components · 5 code overrides · Custom cursor system with 6 context-aware states · 3 responsive breakpoints · Native page transitions · Clash Display + Satoshi typography

Pages Home · Work (filterable CMS gallery) · Work Detail (full editorial case study) · Services · Studio · Contact · 404

Built for studios working with Fashion brands · Cultural institutions · Independent publishers · Ambitious founders · Creative directors who know the difference.

What makes it different The case study template goes beyond Challenge / Solution / Result. Pull quotes in full-bleed red. Image captions in FIG. 01 editorial format. Results stats. Credits block. The cursor shifts state across the entire experience — VISIT on project tiles, OPEN on accordion, SCROLL on the hero. The footer is a full-bleed wordmark. Every detail is considered.

Full documentation included Step-by-step setup guide · CMS field reference · Customisation guide · Go live checklist · Tutorial videos

Support: byronvos@proton.me · Response within 24h

5a:[["$","$L5d",null,{"post":{"id":"019eb0c2-5463-7aa4-b03d-a55dcda5e981","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"fb9f173d-14c5-4817-95ac-e7975bff5afc","name":"Byron Vos","slug":"byron-vos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2190752/avatar-Rkds1CPQmAkJXqTKBgSJCd6Z28xy7l.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"64550","resolved":true,"title":"Studio—N","body":"$5e","bodyJson":null,"introduction":"For studios with a point of view.","slug":"studion","author":{"framerUserId":"fb9f173d-14c5-4817-95ac-e7975bff5afc","name":"Byron Vos","slug":"byron-vos","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2190752/avatar-Rkds1CPQmAkJXqTKBgSJCd6Z28xy7l.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/64550/studio-n-Ig99Fut4iwbDSddKyPkBXlwyrn9QJN","metadata":{"tint":{"h":0,"s":93,"l":24},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/64550/studion-y4DwO1FXwLTNlfsFt0FLvg83dRJV4t","metadata":{"tint":{"h":0,"s":93,"l":24},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/64550/studion-VImGKAfpa24kJgD6cuWCcZ5FSA4IN8","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/64550/studio-n-fXbuDOrMAz7PLDYeCZQqVE3QGEHuoG","metadata":{"tint":{"h":0,"s":93,"l":24},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-13T15:20:15.088Z","updatedAt":"2026-06-10T08:59:46.147Z","publishedAt":"2026-06-10T08:59:46.147Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"129","paymentUrl":"https://buy.polar.sh/polar_cl_RAFipEhfbK6mp95pSVn6D9tnYfUAj0BqxrbfT0CBMeX","remixUrl":null,"previewUrl":"https://studio-n.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":188,"name":"Art & Design","slug":"art-and-design"}],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"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"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-10T08:59:46.147Z","updatedAt":"2026-06-10T08:59:46.147Z","reported":false}}],"$L5f"]

Suggested for you