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

Northlight is a portfolio for designers whose work is loud on purpose: identity, packaging, editorial and campaign people who want their site to feel like one of their own posters.

Every page opens with one huge word. Every project brings its own colour, which floods its row on hover, fills its page header and carries through to the next-project block. The grid is strict, the stickers sit crooked, and the personality lives in the hover.

What you get

• 6 pages: Home, Work, Project, About, Contact and a custom 404, plus a Style Guide page

• Projects and Tags in the CMS: add a project, pick its colour, and the rows, grid and project page follow

• Desktop, tablet and phone layouts, each with its own decisions

• 11 colour styles and 18 text styles: change six colours and three fonts and the whole site is yours

• One button component, a contact call-out, stickers and tags as components

• Hover effects built with native Framer variants: row flood with cover thumbnail, a View cursor on project tiles, rolling button labels, wiggling stickers

• Contact page with a mailto link and a simple form

• Page titles, descriptions, social image and favicon set up

Good to know

• Fonts are free Google fonts: Bricolage Grotesque, Instrument Sans and DM Mono

• Smooth scrolling is the only code component; delete it and the site still works

• The contact form needs your own address under Send To before it delivers

• The persona, clients and project images are fictional samples; replace them with your own work

Support: hello@joelcimpean.com

5a:[["$","$L5d",null,{"post":{"id":"01a108d3-d0eb-765e-b597-0f997ac09028","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","slug":"joel-cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74703","resolved":true,"title":"Northlight Folio","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Northlight is a portfolio for designers whose work is loud on purpose: identity, packaging, editorial and campaign people who want their site to feel like one of their own posters."}]},{"type":"paragraph","content":[{"type":"text","text":"Every page opens with one huge word. Every project brings its own colour, which floods its row on hover, fills its page header and carries through to the next-project block. The grid is strict, the stickers sit crooked, and the personality lives in the hover."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What you get","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• 6 pages: Home, Work, Project, About, Contact and a custom 404, plus a Style Guide page"}]},{"type":"paragraph","content":[{"type":"text","text":"• Projects and Tags in the CMS: add a project, pick its colour, and the rows, grid and project page follow"}]},{"type":"paragraph","content":[{"type":"text","text":"• Desktop, tablet and phone layouts, each with its own decisions"}]},{"type":"paragraph","content":[{"type":"text","text":"• 11 colour styles and 18 text styles: change six colours and three fonts and the whole site is yours"}]},{"type":"paragraph","content":[{"type":"text","text":"• One button component, a contact call-out, stickers and tags as components"}]},{"type":"paragraph","content":[{"type":"text","text":"• Hover effects built with native Framer variants: row flood with cover thumbnail, a View cursor on project tiles, rolling button labels, wiggling stickers"}]},{"type":"paragraph","content":[{"type":"text","text":"• Contact page with a mailto link and a simple form"}]},{"type":"paragraph","content":[{"type":"text","text":"• Page titles, descriptions, social image and favicon set up"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Fonts are free Google fonts: Bricolage Grotesque, Instrument Sans and DM Mono"}]},{"type":"paragraph","content":[{"type":"text","text":"• Smooth scrolling is the only code component; delete it and the site still works"}]},{"type":"paragraph","content":[{"type":"text","text":"• The contact form needs your own address under Send To before it delivers"}]},{"type":"paragraph","content":[{"type":"text","text":"• The persona, clients and project images are fictional samples; replace them with your own work"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]},{"type":"text","text":": hello@joelcimpean.com"}]}]},"introduction":"Big type portfolio for designers","slug":"northlight-folio","author":{"framerUserId":"068c9b5d-8e4f-498b-ab2b-a707fae9470c","name":"Joel Cimpean","slug":"joel-cimpean","avatar":"https://framerusercontent.com/avatars/users/068c9b5d-8e4f-498b-ab2b-a707fae9470c/kL4AmpBBI","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a108cf-5af2-768c-8318-dd22561708ac.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a108cf-636d-74cb-88c6-d32db26e7d5a.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a108cf-6a3e-723f-8c37-ca36b5c66d72.png","metadata":{"tint":{"h":10,"s":93,"l":30},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a108cf-7384-72f1-b50e-3e52035ed6ac.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/068c9b5d-8e4f-498b-ab2b-a707fae9470c/01a108cf-7d61-73ff-9da8-8460c2e36cf0.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T21:31:01.116Z","updatedAt":"2026-10-04T21:31:01.116Z","publishedAt":"2026-10-04T21:31:01.113Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://contra.com/payment-link/sd4abB3u-northlight-framer-template","remixUrl":null,"previewUrl":"https://northlight.framer.media/","categories":[],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":201,"name":"Colorful","slug":"colorful"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T21:31:01.739Z","updatedAt":"2026-10-04T21:31:01.739Z","reported":false}}],"$L5f"]

Suggested for you