51:I[267044,["/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/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52: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.

53:T866,

MATTER is my hackathon entry: a luxury creative studio site built entirely with Framer 3.0 agents. You can browse the work, talk to a built-in Matter AI that turns a plain-language idea into a structured brief, and move through a brand experience that feels less like a website and more like a statement of intent.

Why I built it

I didn’t want to make just another studio page. I wanted to build the best creative studio site to ever exist — something precise, restrained, and unmistakably human, the way the best brands in the age of AI should feel. MATTER was the perfect test because it has to do everything at once: positioning, identity, product, motion, and editorial, all under one point of view.

What’s inside

A home that opens with the studio’s manifesto and an AI brief tool — describe what you’re imagining, and it maps how the studio makes it real
A Work section with selected identities, products, and films, driven by a CMS so every project stays consistent
Detail pages for each project, generated from the same collection
An About page with the studio’s principles, six disciplines, and a deliberate process from first conversation to lasting system
A shared MATTER layout template, reusable Button, Navigation, and Customer Ticker components, plus custom code visuals and a preloader.

The whole thing splits into shared components and a layout template, so navigation, branding, and structure stay in sync across every page.

What agents helped with

Agents helped me build and refine each piece on its own — the brief tool, the CMS-backed work grid, the responsive layouts, the dropdowns and motion. That made it genuinely easy to iterate on the hard parts like mobile behavior and keeping the brand system coherent across surfaces.

Try it: read the manifesto, brief Matter AI in plain language, and browse the work.

Built with Framer 3.0 AI agents

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-e91357a0-5757-4499-96f8-183443c2437c-all:/unified/creator/e91357a0-5757-4499-96f8-183443c2437c/activity/":[{"data":[{"id":"019ee61c-530e-76aa-9b33-5ae40e265a43","type":"comment.liked","target":{"type":"comment","id":"019ee5a0-a76b-7101-a663-1d4b9157cc02","preview":"@Douak Nouh ⴰⴳⴻⵍⵉⴸ That is everyone's wish , hope one day framer will do it .","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"e91357a0-5757-4499-96f8-183443c2437c","slug":"douak-nouh","label":"Douak Nouh ⴰⴳⴻⵍⵉⴸ","mentionSuggestionChar":"@"}},{"type":"text","text":" That is everyone's wish , hope one day framer will do it ."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ee589-1e2e-7528-affb-4c513dd71102","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee58d-e323-7742-8262-00fe994ce05b"},"repost":null}},"context":{"type":"post","id":"019ee589-1e2e-7528-affb-4c513dd71102","preview":"If another website builder offered you everything for free...\nWould you still use Framer? 🤔\nMy answer?\n\"It will never change, baby.\" 🚀❤\nYour turn 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"If another website builder offered you everything for free..."}]},{"type":"paragraph","content":[{"type":"text","text":"Would you still use Framer? "},{"type":"emoji","attrs":{"name":"thinking","emoji":"🤔"}}]},{"type":"paragraph","content":[{"type":"text","text":"My answer?"}]},{"type":"paragraph","content":[{"type":"text","text":"\"It will never change, baby.\" "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]},{"type":"paragraph","content":[{"type":"text","text":"Your turn "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ee589-1e2e-7528-affb-4c513dd71102","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T17:37:56.486Z","latestAt":"2026-06-20T17:37:56.486Z"},{"id":"019ee59a-2b26-76eb-bac2-aecffd0403fa","type":"comment.liked","target":{"type":"comment","id":"019ee597-32a7-714d-a88b-86255865a8d8","preview":"What if framer adds backend facility with this loading speed?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What if framer adds backend facility with this loading speed?"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ee589-1e2e-7528-affb-4c513dd71102","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee58d-e323-7742-8262-00fe994ce05b"},"repost":null}},"context":{"type":"post","id":"019ee589-1e2e-7528-affb-4c513dd71102","preview":"If another website builder offered you everything for free...\nWould you still use Framer? 🤔\nMy answer?\n\"It will never change, baby.\" 🚀❤\nYour turn 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"If another website builder offered you everything for free..."}]},{"type":"paragraph","content":[{"type":"text","text":"Would you still use Framer? "},{"type":"emoji","attrs":{"name":"thinking","emoji":"🤔"}}]},{"type":"paragraph","content":[{"type":"text","text":"My answer?"}]},{"type":"paragraph","content":[{"type":"text","text":"\"It will never change, baby.\" "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]},{"type":"paragraph","content":[{"type":"text","text":"Your turn "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ee589-1e2e-7528-affb-4c513dd71102","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T15:15:46.593Z","latestAt":"2026-06-20T15:15:46.593Z"},{"id":"019ee58d-e33b-727b-bc5d-82b0583544fb","type":"comment.created","target":{"type":"post","id":"019ee589-1e2e-7528-affb-4c513dd71102","preview":"If another website builder offered you everything for free...\nWould you still use Framer? 🤔\nMy answer?\n\"It will never change, baby.\" 🚀❤\nYour turn 👇","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"If another website builder offered you everything for free..."}]},{"type":"paragraph","content":[{"type":"text","text":"Would you still use Framer? "},{"type":"emoji","attrs":{"name":"thinking","emoji":"🤔"}}]},{"type":"paragraph","content":[{"type":"text","text":"My answer?"}]},{"type":"paragraph","content":[{"type":"text","text":"\"It will never change, baby.\" "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]},{"type":"paragraph","content":[{"type":"text","text":"Your turn "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ee589-1e2e-7528-affb-4c513dd71102","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ee58d-e323-7742-8262-00fe994ce05b","preview":"For me, Framer will always have a special place to me. But, for me to change using Framer, that website builder must have few more things, like building mega websites, with a dashboard in it accessible to the client, native user account integration and management, etc. \nI have a feeling the Framer team have this on their radar, which, if happens, Framer solidifies its place in my life, not just my work tools ☝","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"For me, Framer will always have a special place to me. But, for me to change using Framer, that website builder must have few more things, like building mega websites, with a dashboard in it accessible to the client, native user account integration and management, etc. "}]},{"type":"paragraph","content":[{"type":"text","text":"I have a feeling the Framer team have this on their radar, which, if happens, Framer solidifies its place in my life, not just my work tools "},{"type":"emoji","attrs":{"name":"point_up","emoji":"☝"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ee589-1e2e-7528-affb-4c513dd71102","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee58d-e323-7742-8262-00fe994ce05b"},"repost":null}},"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T15:02:21.755Z","latestAt":"2026-06-20T15:02:21.755Z"},{"id":"019ee589-74c7-7738-ac34-80ce58110c20","type":"comment.created","target":{"type":"post","id":"019ee587-4700-746d-9fae-7cf74dc9400d","preview":"Check out one of my latest web design projects: a new website for a Franconian beer garden located right by the water.\nThe goal was to bring the warm, welcoming atmosphere of the venue into a modern digital experience. Rustic visuals and natural colors are combined with clear information about the menu, events, opening hours and the unique lakeside setting.\nhttps://biergarten-an-der-insel-gern.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out one of my latest web design projects: a new website for a Franconian beer garden located right by the water."}]},{"type":"paragraph","content":[{"type":"text","text":"The goal was to bring the warm, welcoming atmosphere of the venue into a modern digital experience. Rustic visuals and natural colors are combined with clear information about the menu, events, opening hours and the unique lakeside setting."}]},{"type":"paragraph","content":[{"type":"text","text":"https://biergarten-an-der-insel-gern.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://biergarten-an-der-insel-gern.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1458ed1d-0103-46fa-80a1-a6aa2b74269b/v0h12rsi","targetDeleted":false,"owned":false,"actions":{"postId":"019ee587-4700-746d-9fae-7cf74dc9400d","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ee589-74b4-763a-9bc4-d6fd86fa4dca","preview":"Well done 👏","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Well done "},{"type":"emoji","attrs":{"name":"clap","emoji":"👏"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ee587-4700-746d-9fae-7cf74dc9400d","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee589-74b4-763a-9bc4-d6fd86fa4dca"},"repost":null}},"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T14:57:31.335Z","latestAt":"2026-06-20T14:57:31.335Z"},{"id":"019ee589-2685-73ec-a594-acf6587d316c","type":"post.liked","target":{"type":"post","id":"019ee587-4700-746d-9fae-7cf74dc9400d","preview":"Check out one of my latest web design projects: a new website for a Franconian beer garden located right by the water.\nThe goal was to bring the warm, welcoming atmosphere of the venue into a modern digital experience. Rustic visuals and natural colors are combined with clear information about the menu, events, opening hours and the unique lakeside setting.\nhttps://biergarten-an-der-insel-gern.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out one of my latest web design projects: a new website for a Franconian beer garden located right by the water."}]},{"type":"paragraph","content":[{"type":"text","text":"The goal was to bring the warm, welcoming atmosphere of the venue into a modern digital experience. Rustic visuals and natural colors are combined with clear information about the menu, events, opening hours and the unique lakeside setting."}]},{"type":"paragraph","content":[{"type":"text","text":"https://biergarten-an-der-insel-gern.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://biergarten-an-der-insel-gern.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1458ed1d-0103-46fa-80a1-a6aa2b74269b/v0h12rsi","targetDeleted":false,"owned":false,"actions":{"postId":"019ee587-4700-746d-9fae-7cf74dc9400d","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T14:57:11.291Z","latestAt":"2026-06-20T14:57:11.291Z"},{"id":"019ee3d5-44ba-7208-b4e1-cf10db4f845b","type":"template.created","target":{"type":"template","id":"67660","preview":"MATTER Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e91357a0-5757-4499-96f8-183443c2437c/5vyangnl","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-06-20T07:01:05.338Z","latestAt":"2026-06-20T07:01:05.338Z"},{"id":"019ee36c-b895-776d-b5e5-6882ce1f5172","type":"creator.followed","target":{"type":"creator","id":"84bdf53c-7bf1-456d-a7b3-6c27388aea73","preview":"Give.ee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/84bdf53c-7bf1-456d-a7b3-6c27388aea73/x10z8xlz","slug":"tanel-sepp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T05:06:53.707Z","latestAt":"2026-06-20T05:06:53.707Z"},{"id":"019ee36c-a83c-77b5-a4f1-898ee5edd94b","type":"comment.reply","target":{"type":"post","id":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","preview":"Experience sharing:\nWhat was your experience for the first time using Framer?\nHow and what was your experience and feeling when you acquired your first client and they said \"I love it!\"?\nAnd what are the mistakes you did on your journey that you don't want other Framer designers to do?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Experience sharing:"}]},{"type":"paragraph","content":[{"type":"text","text":"What was your experience for the first time using Framer?"}]},{"type":"paragraph","content":[{"type":"text","text":"How and what was your experience and feeling when you acquired your first client and they said \"I love it!\"?"}]},{"type":"paragraph","content":[{"type":"text","text":"And what are the mistakes you did on your journey that you don't want other Framer designers to do?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e91357a0-5757-4499-96f8-183443c2437c/7kvmm4xm","targetDeleted":false,"owned":true,"actions":{"postId":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ee36c-a829-74a8-bf6f-db56b44e2ca0","preview":"Thank you for sharing, I hope the best for you 🙏","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you for sharing, I hope the best for you "},{"type":"emoji","attrs":{"name":"pray","emoji":"🙏"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ee32b-7a5b-71ee-907d-af395fe8c411"},"repost":null}},"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T05:06:49.532Z","latestAt":"2026-06-20T05:06:49.532Z"},{"id":"019ee36a-2b13-73db-9e16-0bb9d786c53c","type":"comment.liked","target":{"type":"comment","id":"019ee32b-7a5b-71ee-907d-af395fe8c411","preview":"It was long time ago already. \nJust one day thinking about Webflow (hope this community doesnt ban me for this word) and classes. I remembered that I thought that not having classes is very bad. \nI was also using a lot of css grids when doing front-end work and different font-sizing clamps or tricks. But generally I believe it has been smooth ride with Framer for me. \nRegarding clients. I have designed so long that I feel kind of dull on those \"Well done\" comments actually. But what I remember was long time ago when I did one animation / interaction. And client was like \"whaat I thought it takes days ...\"\nMistakes? I skipped affiliate for a long time. Especially if I now think I have had 2 bigger projects where they had multiple editors and big plans. So easily 4 figures + left on the table. Not life changing but now doing templates I can see how 8$ here and 40$ there and occasional 100+ will add up at the end of the month.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It was long time ago already. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Just one day thinking about Webflow (hope this community doesnt ban me for this word) and classes. I remembered that I thought that not having classes is very bad. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"I was also using a lot of css grids when doing front-end work and different font-sizing clamps or tricks. But generally I believe it has been smooth ride with Framer for me. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Regarding clients. I have designed so long that I feel kind of dull on those \"Well done\" comments actually. But what I remember was long time ago when I did one animation / interaction. And client was like \"whaat I thought it takes days ...\""}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Mistakes? I skipped affiliate for a long time. Especially if I now think I have had 2 bigger projects where they had multiple editors and big plans. So easily 4 figures + left on the table. Not life changing but now doing templates I can see how 8$ here and 40$ there and occasional 100+ will add up at the end of the month. "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee32b-7a5b-71ee-907d-af395fe8c411"},"repost":null}},"context":{"type":"post","id":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","preview":"Experience sharing:\nWhat was your experience for the first time using Framer?\nHow and what was your experience and feeling when you acquired your first client and they said \"I love it!\"?\nAnd what are the mistakes you did on your journey that you don't want other Framer designers to do?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Experience sharing:"}]},{"type":"paragraph","content":[{"type":"text","text":"What was your experience for the first time using Framer?"}]},{"type":"paragraph","content":[{"type":"text","text":"How and what was your experience and feeling when you acquired your first client and they said \"I love it!\"?"}]},{"type":"paragraph","content":[{"type":"text","text":"And what are the mistakes you did on your journey that you don't want other Framer designers to do?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e91357a0-5757-4499-96f8-183443c2437c/7kvmm4xm","targetDeleted":false,"owned":true,"actions":{"postId":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T05:04:06.416Z","latestAt":"2026-06-20T05:04:06.416Z"},{"id":"019ee347-cf86-7389-844a-0f3928a9dbae","type":"site.liked","target":{"type":"site","id":"15466","preview":"Wishlabs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/15466/thumbnail-1sdRb6lY0N94r8D9pGsWH1EDFxQHjF.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-06-20T04:26:34.754Z","latestAt":"2026-06-20T04:26:34.754Z"},{"id":"019ee33b-7a75-75e3-87f1-d1672edb9f1a","type":"creator.followed","target":{"type":"creator","id":"bb1d506a-a97d-4c72-8bc7-63bee2c1779b","preview":"Duke Designs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bb1d506a-a97d-4c72-8bc7-63bee2c1779b/txxikc6t","slug":"nouh-douak","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T04:13:06.545Z","latestAt":"2026-06-20T04:13:06.545Z"},{"id":"019ee33b-6ad3-7558-acf5-44145ee9394c","type":"post.liked","target":{"type":"post","id":"019ee330-9bb7-731c-945d-d0bf84afd4e3","preview":"🎉 Excited to share that my newest NGO & Charity Framer Template is now live!\nDesigned to help non-profit organizations, charities, and community initiatives create a strong online presence, share their mission, and inspire more support.\n✨ Key Features: • Modern & Fully Responsive Design • Donation-Focused Pages • Volunteer Registration Section • Impact Stories & Success Highlights • Events & Campaign Management • Team & Organization Showcase • CMS-Powered Blog & Updates • SEO Optimized • Fast Loading & Easy Customization • Built with Framer for a seamless editing experience\nA clean, conversion-focused template built to help organizations make a bigger impact online. 🌍💙\n#Framer #FramerTemplate #NGO #CharityWebsite #WebDesign #UIDesign #UXDesign #NonProfit #WebsiteDesign #FramerDevelopment\nhttps://framer.link/GK4Sjt3","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":" Excited to share that my newest "},{"type":"text","text":"NGO & Charity Framer Template","marks":[{"type":"bold"}]},{"type":"text","text":" is now live!"}]},{"type":"paragraph","content":[{"type":"text","text":"Designed to help non-profit organizations, charities, and community initiatives create a strong online presence, share their mission, and inspire more support."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Key Features: • Modern & Fully Responsive Design • Donation-Focused Pages • Volunteer Registration Section • Impact Stories & Success Highlights • Events & Campaign Management • Team & Organization Showcase • CMS-Powered Blog & Updates • SEO Optimized • Fast Loading & Easy Customization • Built with Framer for a seamless editing experience"}]},{"type":"paragraph","content":[{"type":"text","text":"A clean, conversion-focused template built to help organizations make a bigger impact online. "},{"type":"emoji","attrs":{"name":"earth_africa","emoji":"🌍"}},{"type":"emoji","attrs":{"name":"blue_heart","emoji":"💙"}}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplate #NGO #CharityWebsite #WebDesign #UIDesign #UXDesign #NonProfit #WebsiteDesign #FramerDevelopment"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/GK4Sjt3","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/GK4Sjt3","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c2ef4312-b2f4-4806-be02-883b5bc4233f/lkcx8xb9","targetDeleted":false,"owned":false,"actions":{"postId":"019ee330-9bb7-731c-945d-d0bf84afd4e3","like":{"count":24,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T04:13:02.544Z","latestAt":"2026-06-20T04:13:02.544Z"},{"id":"019ee33b-3b4a-759f-8182-3ba974b71dba","type":"post.liked","target":{"type":"post","id":"019ee33a-2b78-7077-81c3-799c0e179b53","preview":"Good morning, Framer community.\nThese days I am slowly starting to realize something. No matter how much the sky clouds over, only so much of it ever falls as rain. Our elders always used to say this, and I am finally beginning to understand how true it is.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Good morning, Framer community."}]},{"type":"paragraph","content":[{"type":"text","text":"These days I am slowly starting to realize something. No matter how much the sky clouds over, only so much of it ever falls as rain. Our elders always used to say this, and I am finally beginning to understand how true it is."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/768d037f-ff65-43af-979a-e71f221ac461/jzrwtmdc","targetDeleted":false,"owned":false,"actions":{"postId":"019ee33a-2b78-7077-81c3-799c0e179b53","like":{"count":19,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T04:12:50.372Z","latestAt":"2026-06-20T04:12:50.372Z"},{"id":"019ee2e7-0305-728b-8697-4f5e845d6142","type":"comment.reply","target":{"type":"post","id":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","preview":"Experience sharing:\nWhat was your experience for the first time using Framer?\nHow and what was your experience and feeling when you acquired your first client and they said \"I love it!\"?\nAnd what are the mistakes you did on your journey that you don't want other Framer designers to do?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Experience sharing:"}]},{"type":"paragraph","content":[{"type":"text","text":"What was your experience for the first time using Framer?"}]},{"type":"paragraph","content":[{"type":"text","text":"How and what was your experience and feeling when you acquired your first client and they said \"I love it!\"?"}]},{"type":"paragraph","content":[{"type":"text","text":"And what are the mistakes you did on your journey that you don't want other Framer designers to do?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e91357a0-5757-4499-96f8-183443c2437c/7kvmm4xm","targetDeleted":false,"owned":true,"actions":{"postId":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ee2e7-02f0-7360-806a-494ef4fef646","preview":"I wanted to create a personal website once, searched on YouTube for the best and easiest platforms to create websites from, then found Framer Dec 2024. Their website was mind-blowing to me, saw what it could do, found The Framer Awards, made a challenge to myself to understand the platform and to participate in the best newcomer category, the submission deadline was in 7 days, 15+ hours per day, 2-3 hours of sleep, and a lot of coffee cups, I managed to make a website and participate in the contest (didn't win) but I know I won the challenge I made to myself. When I remember the website I made at that time I laugh and at the same time feel proud, which I'm grateful for. Thanks for sharing your experience :)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I wanted to create a personal website once, searched on YouTube for the best and easiest platforms to create websites from, then found Framer Dec 2024. Their website was mind-blowing to me, saw what it could do, found The Framer Awards, made a challenge to myself to understand the platform and to participate in the best newcomer category, the submission deadline was in 7 days, 15+ hours per day, 2-3 hours of sleep, and a lot of coffee cups, I managed to make a website and participate in the contest (didn't win) but I know I won the challenge I made to myself. When I remember the website I made at that time I laugh and at the same time feel proud, which I'm grateful for. Thanks for sharing your experience :) "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee26f-c395-77b3-8321-39157be49526"},"repost":null}},"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T02:40:50.949Z","latestAt":"2026-06-20T02:40:50.949Z"},{"id":"019ee2df-2abc-723f-ba51-d86cba201075","type":"comment.liked","target":{"type":"comment","id":"019ee26f-c395-77b3-8321-39157be49526","preview":"I haven't used Framer for clients yet, but it's the most fun I've had with web design since Flash.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I haven't used Framer for clients yet, but it's the most fun I've had with web design since Flash."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ee26f-c395-77b3-8321-39157be49526"},"repost":null}},"context":{"type":"post","id":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","preview":"Experience sharing:\nWhat was your experience for the first time using Framer?\nHow and what was your experience and feeling when you acquired your first client and they said \"I love it!\"?\nAnd what are the mistakes you did on your journey that you don't want other Framer designers to do?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Experience sharing:"}]},{"type":"paragraph","content":[{"type":"text","text":"What was your experience for the first time using Framer?"}]},{"type":"paragraph","content":[{"type":"text","text":"How and what was your experience and feeling when you acquired your first client and they said \"I love it!\"?"}]},{"type":"paragraph","content":[{"type":"text","text":"And what are the mistakes you did on your journey that you don't want other Framer designers to do?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e91357a0-5757-4499-96f8-183443c2437c/7kvmm4xm","targetDeleted":false,"owned":true,"actions":{"postId":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T02:32:16.823Z","latestAt":"2026-06-20T02:32:16.823Z"},{"id":"019ee2b6-a484-77cf-8b6f-d06d79396181","type":"creator.followed","target":{"type":"creator","id":"197c1486-d915-411e-8935-d929761c4d64","preview":"Marcframe","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28888/Logo%20Marcframe%20White-6GBWd3IyJ5NvUdhUSNKnEiGAnj2605.png","slug":"marcframe","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T01:48:01.025Z","latestAt":"2026-06-20T01:48:01.025Z"},{"id":"019ee2b6-a1f7-721e-b181-d567e7e90fc6","type":"creator.followed","target":{"type":"creator","id":"0cd58dfe-3645-4690-9d5c-46f9a6cad620","preview":"Templategum","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28811/hp5d5l7hMMHKFtMatFebvztQ4V8-I7YjL0rLeuoeoiMj9ZxjGPAPfL9Lz5.png","slug":"templategum","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T01:48:00.372Z","latestAt":"2026-06-20T01:48:00.372Z"},{"id":"019ee2b6-9f85-71d9-8b9b-ee0668a8cb6b","type":"creator.followed","target":{"type":"creator","id":"459ad342-8ba5-4072-b727-d7b285daa00a","preview":"Framebrick","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29210/Framebrick_Logo__4_-BqcMvziU9KszvQRJNuBsU27d5AdWoR.png","slug":"framebrick","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T01:47:59.746Z","latestAt":"2026-06-20T01:47:59.746Z"},{"id":"019ee2b6-9d69-759c-9d41-59d35593d24d","type":"creator.followed","target":{"type":"creator","id":"3bc4006a-8158-4fde-84b8-81bbf61c6381","preview":"Erapee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/219546/avatar-cx1KKtujRNyP0P2bzZTxBYpp0gek8z.jpg","slug":"erapee","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T01:47:59.206Z","latestAt":"2026-06-20T01:47:59.206Z"},{"id":"019ee26f-00a4-714e-81e6-5b72040a3c13","type":"post.liked","target":{"type":"post","id":"019ee219-5776-7279-9720-f65ccb9f1d98","preview":"A closer look at Pulse — Website designed for a productivity app focused on helping people build discipline, stay consistent, and make intentional progress.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A closer look at "},{"type":"text","text":"Pulse","marks":[{"type":"bold"}]},{"type":"text","text":" — Website designed for a productivity app focused on helping people build discipline, stay consistent, and make intentional progress."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6475b766-a735-41bd-95da-05fb33b3a7fa/byekb60u","targetDeleted":false,"owned":false,"actions":{"postId":"019ee219-5776-7279-9720-f65ccb9f1d98","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","slug":"douak-nouh","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T00:29:46.014Z","latestAt":"2026-06-20T00:29:46.014Z"}],"pagination":{"next":"MjAyNi0wNi0yMFQwMDoyOTo0Ni4wMTRafDAxOWVlMjZmLTAwYTQtNzE0ZS04MWU2LTViNzIwNDBhM2MxMw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:e91357a0-5757-4499-96f8-183443c2437c:/unified/posts/?creator=e91357a0-5757-4499-96f8-183443c2437c&with=reposts":[{"data":[{"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":"DukeDesigns","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":"$52","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":"DukeDesigns","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":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e91357a0-5757-4499-96f8-183443c2437c/e8nu84b3","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"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":220,"name":"Gradient","slug":"gradient"},{"id":247,"name":"Professional","slug":"professional"},{"id":261,"name":"Typographic","slug":"typographic"},{"id":201,"name":"Colorful","slug":"colorful"},{"id":208,"name":"Dark","slug":"dark"}],"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"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"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"},{"id":"019ee26d-66c6-756c-b456-fd8a2d9a44cf","title":null,"body":"

Experience sharing:

What was your experience for the first time using Framer?

How and what was your experience and feeling when you acquired your first client and they said "I love it!"?

And what are the mistakes you did on your journey that you don't want other Framer designers to do?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Experience sharing:"}]},{"type":"paragraph","content":[{"type":"text","text":"What was your experience for the first time using Framer?"}]},{"type":"paragraph","content":[{"type":"text","text":"How and what was your experience and feeling when you acquired your first client and they said \"I love it!\"?"}]},{"type":"paragraph","content":[{"type":"text","text":"And what are the mistakes you did on your journey that you don't want other Framer designers to do?"}]}]},"author":{"framerUserId":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","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/7kvmm4xm","metadata":{"tint":{"h":65,"s":93,"l":22},"width":1200,"height":800}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-20T00:28:01.096Z","updatedAt":"2026-06-20T00:28:01.096Z"},{"id":"019ed694-75c7-768e-a75c-c8d3b7883352","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","slug":"douak-nouh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed694-75c7-768e-a75c-cdbaf2953f3a","contestId":"agents-hackathon","author":{"framerUserId":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","slug":"douak-nouh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","badges":["expert"]},"title":"Matter","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MATTER","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://matterstudio.framer.ai/","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" is my hackathon entry: a luxury creative studio site built entirely with Framer 3.0 agents. You can browse the work, talk to a built-in Matter AI that turns a plain-language idea into a structured brief, and move through a brand experience that feels less like a website and more like a statement of intent."}]},{"type":"paragraph","content":[{"type":"text","text":"Why I built it","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"I didn’t want to make just another studio page. I wanted to build the best creative studio site to ever exist — something precise, restrained, and unmistakably human, the way the best brands in the age of AI should feel. MATTER was the perfect test because it has to do everything at once: positioning, identity, product, motion, and editorial, all under one point of view."}]},{"type":"paragraph","content":[{"type":"text","text":"What’s inside"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A home that opens with the studio’s manifesto and an AI brief tool — describe what you’re imagining, and it maps how the studio makes it real"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A Work section with selected identities, products, and films, driven by a CMS so every project stays consistent"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Detail pages for each project, generated from the same collection"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"An About page with the studio’s principles, six disciplines, and a deliberate process from first conversation to lasting system"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A shared MATTER layout template, reusable Button, Navigation, and Customer Ticker components, plus custom code visuals and a preloader."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The whole thing splits into shared components and a layout template, so navigation, branding, and structure stay in sync across every page."}]},{"type":"paragraph","content":[{"type":"text","text":"What agents helped with"}]},{"type":"paragraph","content":[{"type":"text","text":"Agents helped me build and refine each piece on its own — the brief tool, the CMS-backed work grid, the responsive layouts, the dropdowns and motion. That made it genuinely easy to iterate on the hard parts like mobile behavior and keeping the brand system coherent across surfaces."}]},{"type":"paragraph","content":[{"type":"text","text":"Try it: read the manifesto, brief Matter AI in plain language, and browse the work."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with Framer 3.0 AI agents"}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e91357a0-5757-4499-96f8-183443c2437c/k3da1hoi","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e91357a0-5757-4499-96f8-183443c2437c/nd1vv2kr","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2312}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e91357a0-5757-4499-96f8-183443c2437c/vg71elvw","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":1944}}],"post":null,"data":{"previewUrl":"https://matterstudio.framer.ai/"},"winner":false,"createdAt":"2026-06-17T17:15:14.282Z","updatedAt":"2026-06-17T17:15:14.282Z"}],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T17:15:14.253Z","updatedAt":"2026-06-17T17:15:14.253Z"},{"id":"019ed1a5-c075-724c-9cf3-1eead2807727","title":null,"body":"

Framer 3.0.. Let's Go!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer 3.0.. Let's Go!"}]}]},"author":{"framerUserId":"e91357a0-5757-4499-96f8-183443c2437c","name":"DukeDesigns","slug":"douak-nouh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332184/avatar-UI4iyCUxpcQUUvBXR9SyCY1QoIR5Zc.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T18:16:01.401Z","updatedAt":"2026-06-16T18:16:01.401Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]