65:I[267044,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2qlox892e2j_q.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/07e2f_v4-u-we.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/2c_4he4mvu2r0.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3q7g04e77g4lf.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/0lmnldnlzsgok.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/0z2hzm-7v_g2c.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2rels85t0q-i_.js","/creators-assets/_next/static/immutable/chunks/2vltlj8lvavcs.js","/creators-assets/_next/static/immutable/chunks/3cspvdj0ocd1u.js","/creators-assets/_next/static/immutable/chunks/1iu5fxeh6hwhw.js","/creators-assets/_next/static/immutable/chunks/2vr0_6tp7qpca.js"],"S"] 66:T817,

👀 Live Preview: https://dossier.framer.website/

Dossier is a motion-led Framer portfolio template for studios, agencies, designers, and anyone who wants to showcase their work with more movement, personality, and impact. Built around scroll-driven storytelling, expressive transitions, animated project moments, and advanced motion components. Dossier creates rhythm and progression throughout the experience while staying flexible, responsive, and easy to make your own.

What’s Included

7 fully designed pages
40+ reusable Framer components
CMS-powered services and projects
5 custom code components for advanced motion and interactions
Scroll-driven animations and reveals
Responsive layouts from ultra-wide desktop to mobile
Reduced-motion experiences for accessibility
Detailed guide for setup, editing, and launch
Support and future template updates

What Makes Dossier Different

Motion-Led Storytelling Animation and transitions create rhythm and progression throughout the site.
Advanced Scroll Interactions Scroll-driven reveals, highlights, counters, and interactive layouts bring pages to life.
Custom Motion Components Custom-built Framer components unlock advanced animation while staying reusable and customizable.
Reduced Motion Built In Custom animations include considered reduced-motion experiences for greater accessibility.

Support

Have a question or need help with Dossier? Reach out anytime at support@archipelagy.com and we’ll be happy to answer questions and help you get things up and running.

64:["$","$L65",null,{"value":{"fallback":{"$inf$activity-creator-53a8fac8-faae-409d-a934-2c496766b275-all:/unified/creator/53a8fac8-faae-409d-a934-2c496766b275/activity/":[{"data":[{"id":"01a06469-af22-71ed-8da1-9d9e48e8f6f0","type":"post.liked","target":{"type":"post","id":"01a06465-e2d4-737f-a4b8-7570271685a7","preview":"Hello framer community. A few hours ago I decided to take framer more seriously to build my personal brand and move away from living client to client the past two decades. \nI'm starting with 21 components and 3 high quality website templates over the next 90days. \nWish me luck!\nAnd if you'd like to connect and teach me a couple of tricks to get the best here, you're already my hero!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hello framer community. A few hours ago I decided to take framer more seriously to build my personal brand and move away from living client to client the past two decades. "}]},{"type":"paragraph","content":[{"type":"text","text":"I'm starting with 21 components and 3 high quality website templates over the next 90days. "}]},{"type":"paragraph","content":[{"type":"text","text":"Wish me luck!"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"And if you'd like to connect and teach me a couple of tricks to get the best here, you're already my hero!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a06465-e2d4-737f-a4b8-7570271685a7","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T23:17:22.843Z","latestAt":"2026-09-02T23:17:22.843Z"},{"id":"01a0643b-0a74-7659-aefc-a8acc2c3fd3b","type":"post.liked","target":{"type":"post","id":"01a06315-6580-758b-9b67-65e03ea4748b","preview":"Just shipped: Lightyear, our Interactive Light Glow Background component for Framer.\n🔗 Live Preview\nSoft glowing light that reacts to your cursor in real time — sits behind your design instead of fighting it. Fully customizable gradient, so it's not locked into any one look.\nAdjust glow intensity, wave density, speed, grain, and cursor sensitivity. Responsive out of the box.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just shipped: Lightyear, our Interactive Light Glow Background component for Framer."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"Live Preview","marks":[{"type":"link","attrs":{"rel":"noreferrer ugc","href":"https://lightyearglow.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Soft glowing light that reacts to your cursor in real time — sits behind your design instead of fighting it. Fully customizable gradient, so it's not locked into any one look."}]},{"type":"paragraph","content":[{"type":"text","text":"Adjust glow intensity, wave density, speed, grain, and cursor sensitivity. Responsive out of the box."}]}]},"thumbnail":"https://image.mux.com/fDQAx9TuM1YM5ZyKov3AP800F6GYexK00iewdETA9d3wM/thumbnail.webp?time=13.5","targetDeleted":false,"owned":false,"actions":{"postId":"01a06315-6580-758b-9b67-65e03ea4748b","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T22:26:26.032Z","latestAt":"2026-09-02T22:26:26.032Z"},{"id":"01a0643a-fbca-7277-ab3d-a15d2c025f11","type":"creator.followed","target":{"type":"creator","id":"3d9a4ff7-41b5-4b9a-8b30-8460916c65a2","preview":"Brandarnia Agency","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3d9a4ff7-41b5-4b9a-8b30-8460916c65a2/r5jnlm2s","slug":"brandarnia-agency","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T22:26:22.279Z","latestAt":"2026-09-02T22:26:22.279Z"},{"id":"01a0643a-beeb-7437-9394-6abe264f2011","type":"creator.followed","target":{"type":"creator","id":"b2e693cc-f59c-4f8e-bde0-94300933232f","preview":"Gr8r Themes","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29410/256px%20gr8r%20logo%20Orange-nLWk5qudXtDMsXR5C2wZI2mvFAiXwr.jpg","slug":"get-greater-quality-template-for-you-saas-ai-startup-business","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T22:26:06.693Z","latestAt":"2026-09-02T22:26:06.693Z"},{"id":"01a0643a-a847-717b-83cd-bf05b0380bc9","type":"post.liked","target":{"type":"post","id":"01a061cc-56ac-73a3-9271-87fd51d8ec26","preview":"Coffee Shop & Cafe Free Framer Website ✨\nFree Remix Link 👉 https://framer.link/7B1EonQ","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Coffee Shop & Cafe Free Framer Website ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Free Remix Link ","marks":[{"type":"bold"}]},{"type":"emoji","marks":[{"type":"bold"}],"attrs":{"name":"point_right","emoji":"👉"}},{"type":"text","text":" ","marks":[{"type":"bold"}]},{"type":"text","text":"https://framer.link/7B1EonQ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/7B1EonQ","target":"_blank"}},{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/D24900f01IgGWa2Sx00ngVWiB3J5Omo2Ae5QCrIGD3392c/thumbnail.webp?time=8.567","targetDeleted":false,"owned":false,"actions":{"postId":"01a061cc-56ac-73a3-9271-87fd51d8ec26","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":3,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T22:26:00.898Z","latestAt":"2026-09-02T22:26:00.898Z"},{"id":"01a06439-7c87-75ad-bfa7-0ccc7f183335","type":"creator.followed","target":{"type":"creator","id":"a0aa68bc-049b-44da-ab6f-b1d075f00500","preview":"Anton Proshkuratov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a0aa68bc-049b-44da-ab6f-b1d075f00500/ksvl1j3e","slug":"arkus-design","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T22:24:44.160Z","latestAt":"2026-09-02T22:24:44.160Z"},{"id":"01a06438-9e23-72da-8184-62639689e439","type":"creator.followed","target":{"type":"creator","id":"189300a4-16ea-4e8f-9b17-caac9808e24b","preview":"Daniel G Bright (BrightStudios)","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/341632/avatar.jpg","slug":"danielgbright","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T22:23:47.229Z","latestAt":"2026-09-02T22:23:47.229Z"},{"id":"01a0642f-c76f-7619-8b7b-b09ff6af28dd","type":"post.liked","target":{"type":"post","id":"01a062d1-2cef-7740-bb4b-5e9a14e88e9f","preview":"My first-ever Framer template sale...Yayyyy 🚀","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My first-ever Framer template sale...Yayyyy "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81571d93-6329-4c19-992f-9bacdf235c1f/01a062d0-fed8-7768-9b1b-c009c58526d6.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a062d1-2cef-7740-bb4b-5e9a14e88e9f","like":{"count":8,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T22:14:07.978Z","latestAt":"2026-09-02T22:14:07.978Z"},{"id":"01a0642f-a122-7665-b0d1-e1c1f7717bc2","type":"post.liked","target":{"type":"post","id":"01a062d3-dbcf-702f-b8fe-ab26b2da61d1","preview":"Peanuts logo animation","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Peanuts logo animation"}]}]},"thumbnail":"https://image.mux.com/Wt00jHIlPt8u2Vs3bg01fzLoyz900AAqf02UHq9tMiAXhMM/thumbnail.webp?time=1.033","targetDeleted":false,"owned":false,"actions":{"postId":"01a062d3-dbcf-702f-b8fe-ab26b2da61d1","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T22:13:58.174Z","latestAt":"2026-09-02T22:13:58.174Z"},{"id":"01a0642f-6518-7577-878a-9f6980b927f2","type":"post.liked","target":{"type":"post","id":"01a062f1-5514-73fa-943f-5f34a73bf218","preview":"Cafe & Bistro Website Build in Framer by DiverseKit","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cafe & Bistro Website Build in Framer by "},{"type":"text","text":"DiverseKit","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/community/creator/@diversekit/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/E2QMysgxv5duYy6xO3iHdnidzb4MDoEjupWTX6rznAE/thumbnail.webp?time=10.3","targetDeleted":false,"owned":false,"actions":{"postId":"01a062f1-5514-73fa-943f-5f34a73bf218","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T22:13:42.803Z","latestAt":"2026-09-02T22:13:42.803Z"},{"id":"01a0642e-f717-70ac-863a-66b72655d3fa","type":"post.liked","target":{"type":"post","id":"01a063cc-9946-744a-97d7-e11263f614b8","preview":"Framer Marketplace algorithm just got an update.\nCheck your template’s ranking in real time at https://ranks.offsetui.com","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer Marketplace algorithm just got an update."}]},{"type":"paragraph","content":[{"type":"text","text":"Check your template’s ranking in real time at "},{"type":"text","text":"https://ranks.offsetui.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://ranks.offsetui.com","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/927627a1-f9b6-4b05-8eed-09339880b26a/01a063cb-770c-72fa-b115-0841d950272e.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a063cc-9946-744a-97d7-e11263f614b8","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T22:13:14.643Z","latestAt":"2026-09-02T22:13:14.643Z"},{"id":"01a0642e-6af6-700c-8dcf-3283515510c6","type":"post.liked","target":{"type":"post","id":"01a063d6-b49e-767b-bf34-b7d3f48a881d","preview":"One radial glass lens sits on your type\nhttps://framer.link/JX3NKBw","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One radial glass lens sits on your type","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/JX3NKBw","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/JX3NKBw","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/Y4mySuPWjZUuaeQypRYd5gMg2mXfnz4DLrdyk02a8Pzs/thumbnail.webp?time=3.25","targetDeleted":false,"owned":false,"actions":{"postId":"01a063d6-b49e-767b-bf34-b7d3f48a881d","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-02T22:12:38.770Z","latestAt":"2026-09-02T22:12:38.770Z"},{"id":"01a0641c-9c8a-76b8-8f33-8edf601ca85f","type":"template.created","target":{"type":"template","id":"72368","preview":"Dossier","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a064a5-b8af-731f-a659-288fdb19a72d.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","slug":"archipelagy","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-02T21:53:11.818Z","latestAt":"2026-09-02T21:53:11.818Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:53a8fac8-faae-409d-a934-2c496766b275:/unified/posts/?creator=53a8fac8-faae-409d-a934-2c496766b275&with=reposts":[{"data":[{"id":"01a0641c-9a7e-726c-865b-49eef705599d","title":null,"body":"

We built Dossier around the idea that motion shouldn’t just decorate. It should help tell the story. Scroll-driven moments, expressive interactions, and flexible layouts come together to make creative work feel alive!

👀 Live Preview: https://dossier.framer.website/

More motion for Framer is on the way. Follow along.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We built Dossier around the idea that motion shouldn’t just decorate. It should help tell the story. Scroll-driven moments, expressive interactions, and flexible layouts come together to make creative work feel alive!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" Live Preview: "},{"type":"text","text":"https://dossier.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://dossier.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"More motion for Framer is on the way. Follow along."}]}]},"author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72368","resolved":true,"title":"Dossier","body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" "},{"type":"text","text":"Live Preview:","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"https://dossier.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://dossier.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Dossier is a motion-led Framer portfolio template for studios, agencies, designers, and anyone who wants to showcase their work with more movement, personality, and impact. Built around scroll-driven storytelling, expressive transitions, animated project moments, and advanced motion components. Dossier creates rhythm and progression throughout the experience while staying flexible, responsive, and easy to make your own."}]},{"type":"customHeading","content":[{"type":"text","text":"What’s Included"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"7 fully designed pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"40+ reusable Framer components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered services and projects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"5 custom code components for advanced motion and interactions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven animations and reveals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layouts from ultra-wide desktop to mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion experiences for accessibility"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Detailed guide for setup, editing, and launch"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Support and future template updates"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"What Makes Dossier Different"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion-Led Storytelling","marks":[{"type":"bold"}]},{"type":"text","text":" Animation and transitions create rhythm and progression throughout the site."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced Scroll Interactions","marks":[{"type":"bold"}]},{"type":"text","text":" Scroll-driven reveals, highlights, counters, and interactive layouts bring pages to life."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Motion Components","marks":[{"type":"bold"}]},{"type":"text","text":" Custom-built Framer components unlock advanced animation while staying reusable and customizable."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced Motion Built In","marks":[{"type":"bold"}]},{"type":"text","text":" Custom animations include considered reduced-motion experiences for greater accessibility."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Have a question or need help with Dossier? Reach out anytime at "},{"type":"text","text":"support@archipelagy.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:support@archipelagy.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" and we’ll be happy to answer questions and help you get things up and running."}]}]},"introduction":"Made to move. Built to stand out.","slug":"dossier","author":{"framerUserId":"53a8fac8-faae-409d-a934-2c496766b275","name":"archipelagy","slug":"archipelagy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/4w1zomtq","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a064a5-b8af-731f-a659-288fdb19a72d.png"},{"type":"video","url":"https://stream.mux.com/bdlDKK2Q1K6j00sL8KTfSVx1uhvsjmdVpEA2Q5qYZ02Po.m3u8","metadata":{"posterUrl":"https://image.mux.com/bdlDKK2Q1K6j00sL8KTfSVx1uhvsjmdVpEA2Q5qYZ02Po/thumbnail.webp?time=5.017","aspectRatio":"4:3","duration":7.666667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a0638d-af5a-775d-9695-05b3acc69d02.png"},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a0638d-af31-7034-8a8d-0edcdac00198.png"},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/53a8fac8-faae-409d-a934-2c496766b275/01a0638d-af8b-72de-8a30-d3038c815c96.png"}],"post":null,"createdAt":"2026-09-02T21:53:10.742Z","updatedAt":"2026-09-03T00:23:37.809Z","publishedAt":"2026-09-02T21:53:10.739Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"89","paymentUrl":"https://archipelagy.lemonsqueezy.com/checkout/buy/2e115af4-1377-4c27-aa81-8b1fa6dcc559","remixUrl":null,"previewUrl":"https://dossier.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":112,"name":"Technology","slug":"technology"}],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":193,"name":"Black & White","slug":"black-and-white"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"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":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":39,"name":"Selection Styles","slug":"selection-styles"}]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-02T21:53:11.294Z","updatedAt":"2026-09-02T21:53:11.294Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L67"}]

archipelagy

Related Creators