5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/077g_l9cwe8hz.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/2ouyrs2yz196q.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/3-tcb9ouhlqkm.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/1p31g3z3kho5v.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/2885u7skzba5_.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/1fo1h_o5odhhk.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v-er0xp5q011.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2rwbpl35w01v4.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/0djs9po3g19ek.js","/creators-assets/_next/static/immutable/chunks/1_ej2mmnwnp37.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0bcmpcsc4ih7d.js"],"PostDetailCard"] 5d:T9cd,

Ombrage is a premium Framer template for directors, filmmakers and video editors whose work lives in motion. Built for reels, showreels, and video-first portfolios, Ombrage gives you an interactive scrubbing timeline experience inspired by film editing scrubbers, turning your portfolio into a cinematic reel rather than a static gallery.

Perfect for:

Directors & filmmakers
Video editors & motion designers
Music video directors
Commercial & advertising directors
Documentary filmmakers
Fashion film directors
Cinematographers & DPs
Production companies & studios
Video production agencies
Content creators & YouTubers showcasing a body of work
Wedding & event videographers
Talent agencies representing directors, DPs & editors
Photographers & visual artists with an image-led portfolio

✦ New: choose how each project is hosted. Every project can now be set to one of three media types directly from the CMS - uploaded video, Vimeo link, or image only - and the timeline adapts automatically. Point your projects to Vimeo and your video weight leaves Framer entirely: it streams from Vimeo's CDN instead of your site's bandwidth.

Refund Policy: Due to the instant and non-returnable nature of digital products, all purchases are final and refunds will not be issued.

------------------------------

Performance update (08/25)

Major memory and bandwidth improvements on the homepage timeline, background videos and images now load only what's needed, instead of all at once. Fixes stuttering and crashes on phones and tablets.

To update: in the Assets tab, click Update on both TimelineScrubber and TimelineScrubberItem (they work as a pair).

Note: on mobile, videos wider than 2560px now show the project's still image instead of playing - a 4K file is decoded at 4K even on a phone, which is what caused the crashes. If your videos are 1080p, nothing changes. Re-export oversized ones and they'll play again automatically. Adjustable in the component settings.

59:[["$","$L5c",null,{"post":{"id":"019f8ee5-065a-707d-af51-fb3353d991af","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"81691031-3943-407c-8547-605c234092c0","name":"Arthur Duchesne","slug":"arthurdch","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81691031-3943-407c-8547-605c234092c0/458vx98t","followed":false,"followsYou":false},"media":[],"resources":[{"id":"70026","resolved":true,"title":"Ombrage","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ombrage","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium Framer template for directors, filmmakers and video editors whose work lives in motion. Built for reels, showreels, and video-first portfolios, Ombrage gives you an interactive scrubbing timeline experience inspired by film editing scrubbers, turning your portfolio into a cinematic reel rather than a static gallery."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Directors & filmmakers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video editors & motion designers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Music video directors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Commercial & advertising directors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Documentary filmmakers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fashion film directors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematographers & DPs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Production companies & studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Video production agencies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Content creators & YouTubers showcasing a body of work"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Wedding & event videographers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Talent agencies representing directors, DPs & editors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photographers & visual artists with an image-led portfolio"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ New: choose how each project is hosted.","marks":[{"type":"bold"}]},{"type":"text","text":" Every project can now be set to one of three media types directly from the CMS - "},{"type":"text","text":"uploaded video","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"Vimeo link","marks":[{"type":"bold"}]},{"type":"text","text":", or "},{"type":"text","text":"image only","marks":[{"type":"bold"}]},{"type":"text","text":" - and the timeline adapts automatically. Point your projects to Vimeo and your video weight leaves Framer entirely: it streams from Vimeo's CDN instead of your site's bandwidth."}]},{"type":"paragraph","content":[{"type":"text","text":"Refund Policy:","marks":[{"type":"bold"}]},{"type":"text","text":" Due to the instant and non-returnable nature of digital products, all purchases are final and refunds will not be issued."}]},{"type":"paragraph","content":[{"type":"text","text":"------------------------------"}]},{"type":"paragraph","content":[{"type":"text","text":"Performance update (08/25)","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Major memory and bandwidth improvements on the homepage timeline, background videos and images now load only what's needed, instead of all at once. Fixes stuttering and crashes on phones and tablets."}]},{"type":"paragraph","content":[{"type":"text","text":"To update:","marks":[{"type":"bold"}]},{"type":"text","text":" in the "},{"type":"text","text":"Assets","marks":[{"type":"bold"}]},{"type":"text","text":" tab, click "},{"type":"text","text":"Update","marks":[{"type":"bold"}]},{"type":"text","text":" on both "},{"type":"text","text":"TimelineScrubber","marks":[{"type":"code"}]},{"type":"text","text":" and "},{"type":"text","text":"TimelineScrubberItem","marks":[{"type":"code"}]},{"type":"text","text":" (they work as a pair)."}]},{"type":"paragraph","content":[{"type":"text","text":"Note:","marks":[{"type":"bold"}]},{"type":"text","text":" on mobile, videos wider than 2560px now show the project's still image instead of playing - a 4K file is decoded at 4K even on a phone, which is what caused the crashes. If your videos are 1080p, nothing changes. Re-export oversized ones and they'll play again automatically. Adjustable in the component settings."}]}]},"introduction":"Interactive Filmmaker Portfolio","slug":"ombrage","author":{"framerUserId":"81691031-3943-407c-8547-605c234092c0","name":"Arthur Duchesne","slug":"arthurdch","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81691031-3943-407c-8547-605c234092c0/458vx98t","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/W801eyYF6U300wAWzaEWxtXvnouTTPzOzsFnCnoCdG8Rw.m3u8","metadata":{"posterUrl":"https://image.mux.com/W801eyYF6U300wAWzaEWxtXvnouTTPzOzsFnCnoCdG8Rw/thumbnail.webp?time=5.15","aspectRatio":"4:3","duration":21.916667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81691031-3943-407c-8547-605c234092c0/019f8ee4-93d9-73f1-b806-7b95a0f0c0e6.jpg"},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81691031-3943-407c-8547-605c234092c0/019f8ee4-93d4-7115-94b9-e1ec0458810a.jpg"},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/81691031-3943-407c-8547-605c234092c0/019f8ee4-93b7-703d-8570-43ecedb5c138.jpg"}],"post":null,"createdAt":"2026-07-23T12:13:21.341Z","updatedAt":"2026-08-24T22:46:06.621Z","publishedAt":"2026-07-23T12:13:21.333Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://buy.polar.sh/polar_cl_I7wCDEojXsncH8n3atAeKvV2uIWwCU0MgXMGH4Sk2Dt","remixUrl":null,"previewUrl":"https://ombrage.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":216,"name":"Film & Actor","slug":"film-and-actor"},{"id":263,"name":"Video","slug":"video"}],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"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":51,"liked":false},"comments":{"count":9},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-23T12:13:21.882Z","updatedAt":"2026-07-23T12:13:21.882Z","reported":false}}],"$L5e"]

Suggested for you