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

Sequenc is a dark, cinematic template for video production studios, filmmakers and motion designers — built around one idea: a studio site should feel like the software its work is made in.

A running timecode sits in the navigation. A playhead tracks your scroll along the top edge, with a marker for every section. Each section carries a clip label, like a file on a timeline. It reads as craft to the people who hire you, and none of it gets in the way of the copy.

What makes it different

Two ways to show work. Visitors switch the Works page between a poster grid and an edit decision list — an EDL-style table of shots, clients, years and runtimes, with a large preview that follows the cursor. Their choice is remembered.
Grade compare. Case studies include a before/after slider between the flat camera file and the final grade. Add your own ungraded still, or let the template flatten the graded one for you.
Every deliverable format. One upload plays back as 16:9, 9:16 and 1:1, so a client sees the formats they actually receive.
Cuts, not page loads. Opening a project plays a "CUT TO" slate across the route change.
A cursor that names the action. A thin crosshair that opens into a labelled tile over media: view, watch, read or drag. Built with Framer variants — no code.
Openers and end credits. A clapperboard slate plays once per visit, and the footer rolls credits with a rewind-to-top control.
Motion with intent. A horizontal-scroll opening reel with depth, kinetic type rows, sticky stacking process cards and scroll-revealed headlines. Every effect respects reduced-motion settings.

Pages

Home, Works, case study, About, Journal, article, Contact, Legal index, legal document and a custom 404. All of them share one layout template, so the nav and footer are edited once.

5a:[["$","$L5d",null,{"post":{"id":"01a0c676-29a6-7356-9432-4b9304859b15","title":null,"body":"

Grab it for FREE

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Grab it for FREE"}]}]},"author":{"framerUserId":"abfdbf09-9b18-4b58-99bd-937d95a683f8","name":"Ajoy","slug":"ajoy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/eenbkjvo","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"73546","resolved":true,"title":"Sequenc","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sequenc is a dark, cinematic template for video production studios, filmmakers and motion designers — built around one idea: a studio site should feel like the software its work is made in."}]},{"type":"paragraph","content":[{"type":"text","text":"A running timecode sits in the navigation. A playhead tracks your scroll along the top edge, with a marker for every section. Each section carries a clip label, like a file on a timeline. It reads as craft to the people who hire you, and none of it gets in the way of the copy."}]},{"type":"paragraph","content":[{"type":"text","text":"What makes it different","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two ways to show work.","marks":[{"type":"bold"}]},{"type":"text","text":" Visitors switch the Works page between a poster grid and an edit decision list — an EDL-style table of shots, clients, years and runtimes, with a large preview that follows the cursor. Their choice is remembered."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grade compare.","marks":[{"type":"bold"}]},{"type":"text","text":" Case studies include a before/after slider between the flat camera file and the final grade. Add your own ungraded still, or let the template flatten the graded one for you."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every deliverable format.","marks":[{"type":"bold"}]},{"type":"text","text":" One upload plays back as 16:9, 9:16 and 1:1, so a client sees the formats they actually receive."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cuts, not page loads.","marks":[{"type":"bold"}]},{"type":"text","text":" Opening a project plays a \"CUT TO\" slate across the route change."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A cursor that names the action.","marks":[{"type":"bold"}]},{"type":"text","text":" A thin crosshair that opens into a labelled tile over media: view, watch, read or drag. Built with Framer variants — no code."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Openers and end credits.","marks":[{"type":"bold"}]},{"type":"text","text":" A clapperboard slate plays once per visit, and the footer rolls credits with a rewind-to-top control."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Motion with intent.","marks":[{"type":"bold"}]},{"type":"text","text":" A horizontal-scroll opening reel with depth, kinetic type rows, sticky stacking process cards and scroll-revealed headlines. Every effect respects reduced-motion settings."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pages","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Home, Works, case study, About, Journal, article, Contact, Legal index, legal document and a custom 404. All of them share one layout template, so the nav and footer are edited once."}]},{"type":"paragraph"}]},"introduction":"Film & video production studio","slug":"sequenc","author":{"framerUserId":"abfdbf09-9b18-4b58-99bd-937d95a683f8","name":"Ajoy","slug":"ajoy","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/eenbkjvo","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/01a110ef-c8b2-72e0-a8a7-50c670395b4e.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/01a110ef-d44a-7639-8d03-cf140486d66a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/01a110ef-e05f-7659-86c2-356c980d1125.png","metadata":{"tint":{"h":72,"s":85,"l":34},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/abfdbf09-9b18-4b58-99bd-937d95a683f8/01a110ef-ea34-717d-b589-c352bdcaf98f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-22T00:13:47.045Z","updatedAt":"2026-10-06T11:18:45.260Z","publishedAt":"2026-09-22T00:13:47.042Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/3mThYje","remixUrl":"https://framer.link/3mThYje","previewUrl":"https://sequenc.framer.website/","categories":[{"id":12,"name":"Entertainment","slug":"entertainment"},{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":273,"name":"Design","slug":"design"},{"id":282,"name":"Blogs","slug":"blogs"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":236,"name":"Light","slug":"light"},{"id":110,"name":"Animated","slug":"animated"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"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":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-22T00:13:47.814Z","updatedAt":"2026-09-22T00:13:47.814Z","reported":false}}],"$L5f"]

Suggested for you