5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T9d4,

Chromakey is a minimalist Framer template for creative agencies, studios and independent professionals working with visual content.

Built around a flexible media system, it gives you the freedom to work with video, motion, CGI, 3D, photography and branding projects — combining different formats and presenting them through a wide range of layouts and compositions.

Every section is designed to give you control without adding complexity. Adjust the structure, scale, media behavior and composition to fit the character of each project, while keeping the overall experience clear and consistent.

Features

CMS-powered portfolio
Custom Framer components
Advanced animations
Fully responsive
Easy to customize
SEO-ready structure
Desktop, tablet, and mobile layouts

Custom componets

• CMS Homepage Slider — 6 reveal styles, custom timing and full CMS control. • Infinite Client List — unlimited clients, links and media covers. • Project Media Preview — fast image + video previews connected to CMS. • Custom Player — URL or file support with flexible controls and native playback. • Media Grid — build custom compositions with independent image and video slots. • 3D Globe Archive — interactive image and video gallery with flexible controls.

Pages

Index/Home (3 variants)
About
Works (+Filter)
Project page CMS
Journal (+Filter)
Article page (CMS)
Contact
Archive (CMS)
404 page
Privacy policy

Included

Complete Framer template
Custom components
Documentation
Future template updates

Support

Unlimited template support
Quick-response support
Help with setup and template functionality

License and update

Content Usage & Licensing Notice

Update - 05.10.2026

5a:[["$","$L5d",null,{"post":{"id":"01a10869-192a-76ae-9f1a-8603983f776e","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3f875a2c-30d8-4783-9332-afc195ccfcfe","name":"Satto Studio","slug":"sattostudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/35447/satto-3uRKG27Cusiw5TWmW7Gm1sQCYvr9HF.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"74698","resolved":true,"title":"Chromakey","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Chromakey is a minimalist Framer template for creative agencies, studios and independent professionals working with visual content."}]},{"type":"paragraph","content":[{"type":"text","text":"Built around a flexible media system, it gives you the freedom to work with video, motion, CGI, 3D, photography and branding projects — combining different formats and presenting them through a wide range of layouts and compositions."}]},{"type":"paragraph","content":[{"type":"text","text":"Every section is designed to give you control without adding complexity. Adjust the structure, scale, media behavior and composition to fit the character of each project, while keeping the overall experience clear and consistent."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered portfolio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Framer components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO-ready structure"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet, and mobile layouts"}]},{"type":"paragraph"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Custom componets","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"CMS Homepage Slider","marks":[{"type":"bold"}]},{"type":"text","text":" — 6 reveal styles, custom timing and full CMS control. • "},{"type":"text","text":"Infinite Client List","marks":[{"type":"bold"}]},{"type":"text","text":" — unlimited clients, links and media covers. • "},{"type":"text","text":"Project Media Preview","marks":[{"type":"bold"}]},{"type":"text","text":" — fast image + video previews connected to CMS. • "},{"type":"text","text":"Custom Player","marks":[{"type":"bold"}]},{"type":"text","text":" — URL or file support with flexible controls and native playback. • "},{"type":"text","text":"Media Grid","marks":[{"type":"bold"}]},{"type":"text","text":" — build custom compositions with independent image and video slots. • "},{"type":"text","text":"3D Globe Archive","marks":[{"type":"bold"}]},{"type":"text","text":" — interactive image and video gallery with flexible controls."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pages","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Index/Home (3 variants)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works (+Filter)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project page CMS"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Journal (+Filter)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Article page (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Archive (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404 page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Privacy policy"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Included","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Complete Framer template"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Documentation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Future template updates"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Support","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited template support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Quick-response support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Help with setup and template functionality"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"License and update","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Content Usage & Licensing Notice","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://sattoinfo.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Update - 05.10.2026","marks":[{"type":"bold"}]}]}]},"introduction":"Premium Agency & Studio","slug":"chromakey","author":{"framerUserId":"3f875a2c-30d8-4783-9332-afc195ccfcfe","name":"Satto Studio","slug":"sattostudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/35447/satto-3uRKG27Cusiw5TWmW7Gm1sQCYvr9HF.jpg","badges":["available","pro","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f875a2c-30d8-4783-9332-afc195ccfcfe/01a10862-c48a-736e-8376-98c0346869a1.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f875a2c-30d8-4783-9332-afc195ccfcfe/01a10862-d5e2-709b-986d-3c158f1f8b85.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f875a2c-30d8-4783-9332-afc195ccfcfe/01a10862-f330-7359-a267-ad8b8047b937.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f875a2c-30d8-4783-9332-afc195ccfcfe/01a10863-05bb-72f9-ac03-8990ff327703.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3f875a2c-30d8-4783-9332-afc195ccfcfe/01a10863-1625-7169-98e5-23605daa90af.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T19:34:27.246Z","updatedAt":"2026-10-04T19:36:18.932Z","publishedAt":"2026-10-04T19:34:27.243Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"79","paymentUrl":"https://satto.lemonsqueezy.com/checkout/buy/fb1276e2-900f-473e-bb3d-516b17419f3f","remixUrl":null,"previewUrl":"https://chromakey.framer.website/","categories":[],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":6,"name":"3D","slug":"3d"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-04T19:34:27.882Z","updatedAt":"2026-10-04T19:34:27.882Z","reported":false}}],"$L5f"]

Suggested for you