5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5d:T822,

MATTER is a luxury creative-studio template built for brands working at the intersection of design, product, and intelligence. It pairs an editorial serif/sans system with generous spacing and subtle, intentional motion to feel premium without ever shouting.

The template ships with a complete, content-ready site: a striking home page that flows from hero to social proof, stats, approach, and selected work; a dedicated work index backed by a CMS; individual project detail pages; an about page with studio narrative and metrics; and a contact page. Everything is organized around a shared layout system, so navigation and footer stay consistent and easy to manage across the whole site.

Designed for fast customization — swap copy, drop in your projects through the CMS, and publish. Fully responsive across desktop, tablet, and phone.

Pages included

Home (Hero, Marquee, Testimonials, Positioning, Stats, Approach, Selected Work, Services, FAQ)
Work (CMS-driven project index)
Project Detail (CMS detail page)
About (studio story + animated stats)
Contact

Key features

CMS-powered Projects collection with dynamic detail pages (6 sample projects included)
Reusable layout template with shared navigation and footer
Responsive across desktop, tablet, and phone breakpoints
Editorial type system: Fraunces, DM Sans.
Interactive components: animated stats, FAQ accordion, customer/testimonial ticker, marquee
Tasteful built-in motion and scroll effects
Custom cursor and polished micro-interactions
Reusable Button, Navigation, Logo, and Question components for easy editing
Clean, content-ready structure for quick rebranding

Best for Creative studios, branding & design agencies, freelancers, and independent practices wanting a high-end, minimal portfolio.

59:[["$","$L5c",null,{"post":{"id":"019ee3d5-447b-76ea-92ae-fe8d6b14ff08","title":null,"body":"

MATTER — a luxury creative studio template. For agencies building brands in the age of AI. Drop in your work, ship the same day. Simple and light template.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MATTER — a luxury creative studio template. For agencies building brands in the age of AI. Drop in your work, ship the same day. Simple and light template.","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"e91357a0-5757-4499-96f8-183443c2437c","name":"Douak Nouh ⴰⴳⴻⵍⵉⴸ","slug":"douak-nouh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"67660","resolved":true,"title":"MATTER Studio","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MATTER","marks":[{"type":"bold"}]},{"type":"text","text":" is a luxury creative-studio template built for brands working at the intersection of design, product, and intelligence. It pairs an editorial serif/sans system with generous spacing and subtle, intentional motion to feel premium without ever shouting."}]},{"type":"paragraph","content":[{"type":"text","text":"The template ships with a complete, content-ready site: a striking home page that flows from hero to social proof, stats, approach, and selected work; a dedicated work index backed by a CMS; individual project detail pages; an about page with studio narrative and metrics; and a contact page. Everything is organized around a shared layout system, so navigation and footer stay consistent and easy to manage across the whole site."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for fast customization — swap copy, drop in your projects through the CMS, and publish. Fully responsive across desktop, tablet, and phone."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages included","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home (Hero, Marquee, Testimonials, Positioning, Stats, Approach, Selected Work, Services, FAQ)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Work (CMS-driven project index)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project Detail (CMS detail page)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About (studio story + animated stats)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Key features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered Projects collection with dynamic detail pages (6 sample projects included)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable layout template with shared navigation and footer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and phone breakpoints"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editorial type system: Fraunces, DM Sans."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive components: animated stats, FAQ accordion, customer/testimonial ticker, marquee"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tasteful built-in motion and scroll effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom cursor and polished micro-interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable Button, Navigation, Logo, and Question components for easy editing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, content-ready structure for quick rebranding"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Best for Creative studios, branding & design agencies, freelancers, and independent practices wanting a high-end, minimal portfolio."}]}]},"introduction":"A precise, future-facing portfolio","slug":"matter-studio","author":{"framerUserId":"e91357a0-5757-4499-96f8-183443c2437c","name":"Douak Nouh ⴰⴳⴻⵍⵉⴸ","slug":"douak-nouh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e91357a0-5757-4499-96f8-183443c2437c/5vyangnl","metadata":{"tint":"hsl(0 0% 3%)","aspectRatio":1.3333333333333333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e91357a0-5757-4499-96f8-183443c2437c/e8nu84b3","metadata":{"tint":"hsl(0 0% 3%)","aspectRatio":1.3333333333333333}}],"post":null,"createdAt":"2026-06-20T07:01:05.226Z","updatedAt":"2026-06-20T07:01:05.226Z","publishedAt":"2026-06-20T07:01:05.223Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/B1zkWO6","remixUrl":"https://framer.link/B1zkWO6","previewUrl":"https://matterstudio.framer.ai/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":112,"name":"Technology","slug":"technology"}],"styles":[{"id":201,"name":"Colorful","slug":"colorful"},{"id":208,"name":"Dark","slug":"dark"},{"id":220,"name":"Gradient","slug":"gradient"},{"id":247,"name":"Professional","slug":"professional"},{"id":261,"name":"Typographic","slug":"typographic"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"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":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":39,"name":"Selection Styles","slug":"selection-styles"}]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-20T07:01:05.275Z","updatedAt":"2026-06-20T07:01:05.275Z","reported":false}}],"$L5e"]

Suggested for you