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

ATELIER is a premier, dark-mode agency and bespoke portfolio template designed for elite design studios, creative technologists, and digital consultancies that command category authority.

Crafted with high-end obsidian aesthetics (#07080A), razor-sharp typography, and bespoke micro-interactions.

✨ Key Sections & Architecture:

• Cinematic Hero Section — High-impact typography with dual CTAs and live studio timezone matrix (NYC, London, Tokyo)

• Infinite Marquee Ticker — Continuous hardware UI & luxury discipline showcase

• Interactive Selected Works — 4 bespoke case studies with real-time discipline filter tabs (Digital Products, Spatial & 3D, Brand Systems)

• Capabilities Matrix — Balanced Bento Grid layout with token architecture and discipline tags

• The 3-Act Methodology — Strategic delivery protocol (Inquiry, Iteration, Launch)

• Performance Metrics Strip — Compact proof matrix with dynamic count-up animations

• Visionary Testimonials — Social proof from verified industry leaders

• Project Briefing Inquiry — Interactive contact section with multi-select service chips, budget selector, and celebratory toast feedback

• Luxury Sticky Navbar & Footer — Dynamic glassmorphism with smooth offset scroll anchors

🚀 7 Built-in Agency Effects (100% Native & Safe):

1. Top Scroll Progress Bar with neon gradient line

2. Dynamic Glassmorphic Navbar that adapts on scroll

3. Cursor Spotlight Glow following the mouse on cards & Bento

4. Cinematic 3.5% Image Hover Zoom on case studies

5. Animated Count-Up Numbers on metrics

6. Metallic Light Shimmer on primary action buttons

7. Smooth-scroll anchor navigation with header offset compensation

⚡ Engineering Standards:

• Strict WCAG AA+ contrast ratio compliance

• Zero Layout Shift (0 CLS) & 60 FPS fluid motion

• Clean semantic code components with zero bloat

• 100% responsive across Desktop, Tablet, and Mobile viewports

59:[["$","$L5c",null,{"post":{"id":"01a071f2-bef2-73bc-b71e-4948c0050681","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b07283c5-3c1a-4b62-8690-b4fc752ac5c3","name":"Empire Studio","slug":"empire-store","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b07283c5-3c1a-4b62-8690-b4fc752ac5c3/zpvytxbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72500","resolved":true,"title":"ATELIER Studio","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ATELIER is a premier, dark-mode agency and bespoke portfolio template designed for elite design studios, creative technologists, and digital consultancies that command category authority."}]},{"type":"paragraph","content":[{"type":"text","text":"Crafted with high-end obsidian aesthetics (#07080A), razor-sharp typography, and bespoke micro-interactions."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Key Sections & Architecture:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Cinematic Hero Section — High-impact typography with dual CTAs and live studio timezone matrix (NYC, London, Tokyo)"}]},{"type":"paragraph","content":[{"type":"text","text":"• Infinite Marquee Ticker — Continuous hardware UI & luxury discipline showcase"}]},{"type":"paragraph","content":[{"type":"text","text":"• Interactive Selected Works — 4 bespoke case studies with real-time discipline filter tabs (Digital Products, Spatial & 3D, Brand Systems)"}]},{"type":"paragraph","content":[{"type":"text","text":"• Capabilities Matrix — Balanced Bento Grid layout with token architecture and discipline tags"}]},{"type":"paragraph","content":[{"type":"text","text":"• The 3-Act Methodology — Strategic delivery protocol (Inquiry, Iteration, Launch)"}]},{"type":"paragraph","content":[{"type":"text","text":"• Performance Metrics Strip — Compact proof matrix with dynamic count-up animations"}]},{"type":"paragraph","content":[{"type":"text","text":"• Visionary Testimonials — Social proof from verified industry leaders"}]},{"type":"paragraph","content":[{"type":"text","text":"• Project Briefing Inquiry — Interactive contact section with multi-select service chips, budget selector, and celebratory toast feedback"}]},{"type":"paragraph","content":[{"type":"text","text":"• Luxury Sticky Navbar & Footer — Dynamic glassmorphism with smooth offset scroll anchors"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" 7 Built-in Agency Effects (100% Native & Safe):"}]},{"type":"paragraph","content":[{"type":"text","text":"1. Top Scroll Progress Bar with neon gradient line"}]},{"type":"paragraph","content":[{"type":"text","text":"2. Dynamic Glassmorphic Navbar that adapts on scroll"}]},{"type":"paragraph","content":[{"type":"text","text":"3. Cursor Spotlight Glow following the mouse on cards & Bento"}]},{"type":"paragraph","content":[{"type":"text","text":"4. Cinematic 3.5% Image Hover Zoom on case studies"}]},{"type":"paragraph","content":[{"type":"text","text":"5. Animated Count-Up Numbers on metrics"}]},{"type":"paragraph","content":[{"type":"text","text":"6. Metallic Light Shimmer on primary action buttons"}]},{"type":"paragraph","content":[{"type":"text","text":"7. Smooth-scroll anchor navigation with header offset compensation"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Engineering Standards:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Strict WCAG AA+ contrast ratio compliance"}]},{"type":"paragraph","content":[{"type":"text","text":"• Zero Layout Shift (0 CLS) & 60 FPS fluid motion"}]},{"type":"paragraph","content":[{"type":"text","text":"• Clean semantic code components with zero bloat"}]},{"type":"paragraph","content":[{"type":"text","text":"• 100% responsive across Desktop, Tablet, and Mobile viewports"}]}]},"introduction":"Bespoke Agency & Studio Template","slug":"atelier-studio","author":{"framerUserId":"b07283c5-3c1a-4b62-8690-b4fc752ac5c3","name":"Empire Studio","slug":"empire-store","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b07283c5-3c1a-4b62-8690-b4fc752ac5c3/zpvytxbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b07283c5-3c1a-4b62-8690-b4fc752ac5c3/01a071f2-99eb-70b9-ae69-d297ebf59bdb.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b07283c5-3c1a-4b62-8690-b4fc752ac5c3/01a071f2-9a33-73df-b3bb-5c2640c82a32.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b07283c5-3c1a-4b62-8690-b4fc752ac5c3/01a071f2-99d7-702b-8de7-9d5881b31cca.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b07283c5-3c1a-4b62-8690-b4fc752ac5c3/01a071f2-99f8-733b-97e0-f0e37ef01054.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b07283c5-3c1a-4b62-8690-b4fc752ac5c3/01a071f2-99d8-727c-a9f5-fc355afd0b67.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-05T14:22:08.521Z","updatedAt":"2026-09-05T14:22:08.521Z","publishedAt":"2026-09-05T14:22:08.518Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/ELQ30oY","remixUrl":"https://framer.link/ELQ30oY","previewUrl":"https://better-curiosity-836779.framer.app/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":22,"name":"Startup","slug":"startup"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":2,"name":"SaaS","slug":"saas"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":273,"name":"Design","slug":"design"},{"id":195,"name":"Business Blog","slug":"business-blog"},{"id":112,"name":"Technology","slug":"technology"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"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":23,"name":"Rich Media","slug":"rich-media"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}]}}],"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-05T14:22:09.138Z","updatedAt":"2026-09-05T14:22:09.138Z","reported":false}}],"$L5e"]

Suggested for you