4c:I[267044,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0feduxwyr82nv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/0yqk60ay0h76r.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 4d:T57e,

Motif is a light, editorial agency template built around movement. A giant wordmark hero with floating 3D objects opens onto a scroll story: a statement that comes into focus word by word, a CMS-driven work grid, a pinned process section, a tunnel interlude that scrubs with the scroll, rolling stats and an elastic "Let's talk" sign-off.

Everything is editable in Framer. Work and Journal run on the CMS, so a new project or article is one new item. Colours and type are set as styles, and every custom component has plain property controls.

Pages: Home, Work, Work detail (CMS), Services, Studio, Journal, Journal article (CMS), Contact, Legal, 404.

CMS for projects and journal articles
Scroll-linked sections: pinned process steps, tunnel interlude, word-by-word statement
Showreel player with full-screen modal
Hover index, rolling counters, testimonial ticker, FAQ accordion
Custom cursor with View labels on projects
Contact form
Colour and text styles
Responsive on desktop, tablet and phone
Respects reduced-motion settings

Fonts: Mona Sans, Instrument Serif, JetBrains Mono, Inter (all free Google Fonts).

Note: the demo showreel is AI-generated (Google Veo) and carries the Veo mark. Swap in your own reel.

4e:T774,

Most audio and voice-AI templates show sound as a screenshot. Deep Current lets visitors hear it and see it: the hero is real-time WebGL water that reacts to the visitor's microphone or a demo track, and the music notes on the page play when you hold them.

Built for audio, music and creative-tech products: voice AI, streaming tools, live visuals, hardware and installations.

What's inside

Audio-reactive hero, logo and spectrum meter, all driven by the same live signal
Hold-to-play music notes with their own cursor
15+ pages: Home, Use cases with detail pages, Customers with case studies, Blog, Pricing, Company, Docs, Status, Contact, Legal, 404
CMS for case studies, blog posts and use cases
Monthly/yearly pricing toggle, FAQ accordion, working contact and newsletter forms
Letter-by-letter titles, staggered reveals, count-up stats, tickers and smooth scroll
Reduced-motion visitors get a calm, static version
Colors, text, fonts, links and the demo track are set from the properties panel. No code needed.

Good to know

Clients, quotes and numbers are placeholders to replace. Photos are from Unsplash.
Microphone reactivity asks the visitor for permission; "Play demo" drives the visuals from the bundled track.

Licenses and support

Standard: one website ($129). Extended: unlimited websites for you or your clients ($249), with priority support. Questions? Email hello@lunasri.com, I reply within 2 working days. If a Framer update breaks something, I fix it for free.

Want it set up for you? Your brand, copy, demo audio and domain, done for you from $1,500. Email hello@lunasri.com.

4b:["$","$L4c",null,{"value":{"fallback":{"$inf$activity-creator-2a1b6b3b-191b-4fdc-b586-67d0ca740ff9-all:/unified/creator/2a1b6b3b-191b-4fdc-b586-67d0ca740ff9/activity/":[{"data":[{"id":"01a136a4-182f-74d3-a92d-35117cc953a4","type":"creator.followed","target":{"type":"creator","id":"09bc3e24-752b-4a1b-97c2-ab8d755f63b8","preview":"Tauhid Hasan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/09bc3e24-752b-4a1b-97c2-ab8d755f63b8/4taurhlo","slug":"tauhiduiux","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2a1b6b3b-191b-4fdc-b586-67d0ca740ff9","name":"Luna Sri","avatar":null,"slug":"luna-sri","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-13T19:01:26.187Z","latestAt":"2026-10-13T19:01:26.187Z"},{"id":"01a136a4-13ff-77b3-b96e-10b99aeb8a93","type":"creator.followed","target":{"type":"creator","id":"7e4b2376-92d9-49df-8580-e3293af08a29","preview":"Michelle de Haas | Zo-e","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7e4b2376-92d9-49df-8580-e3293af08a29/cl04sjas","slug":"zo-e","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2a1b6b3b-191b-4fdc-b586-67d0ca740ff9","name":"Luna Sri","avatar":null,"slug":"luna-sri","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-13T19:01:25.109Z","latestAt":"2026-10-13T19:01:25.109Z"},{"id":"01a136a4-0ef3-7049-8ab1-e6cc44ebd094","type":"creator.followed","target":{"type":"creator","id":"830039ba-56b1-42fc-a371-361e8f7a1e4c","preview":"RedDevs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/70334/avatar-q9VjO21hdl19yEZkkQj3EgY306N2Yq.jpg","slug":"reddevs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2a1b6b3b-191b-4fdc-b586-67d0ca740ff9","name":"Luna Sri","avatar":null,"slug":"luna-sri","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-13T19:01:23.817Z","latestAt":"2026-10-13T19:01:23.817Z"},{"id":"01a136a4-0a01-7191-bd61-80f588151822","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"Pixl Form","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2a1b6b3b-191b-4fdc-b586-67d0ca740ff9","name":"Luna Sri","avatar":null,"slug":"luna-sri","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-13T19:01:22.554Z","latestAt":"2026-10-13T19:01:22.554Z"},{"id":"01a136a3-7aec-75ec-b587-d98b4c9ac60a","type":"template.created","target":{"type":"template","id":"75772","preview":"Motif Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a1b6b3b-191b-4fdc-b586-67d0ca740ff9/01a136a1-9255-7549-9899-783255ca035e.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2a1b6b3b-191b-4fdc-b586-67d0ca740ff9","name":"Luna Sri","avatar":null,"slug":"luna-sri","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-13T19:00:45.932Z","latestAt":"2026-10-13T19:00:45.932Z"},{"id":"01a11a21-01f0-72e8-a09a-8caf2c29995a","type":"template.created","target":{"type":"template","id":"75179","preview":"Deep Current","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a1b6b3b-191b-4fdc-b586-67d0ca740ff9/01a11a1f-e7d4-76c3-8dd1-8caaab2e49ff.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2a1b6b3b-191b-4fdc-b586-67d0ca740ff9","name":"Luna Sri","avatar":null,"slug":"luna-sri","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-08T06:08:53.232Z","latestAt":"2026-10-08T06:08:53.232Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:2a1b6b3b-191b-4fdc-b586-67d0ca740ff9:/unified/posts/?creator=2a1b6b3b-191b-4fdc-b586-67d0ca740ff9&with=reposts":[{"data":[{"id":"01a136a3-7892-746a-9a9f-0a5713780fc6","title":null,"body":"

Just launched Motif: a bold, motion-led agency template for brand, motion and sound studios. Scroll-linked reveals, a tunnel interlude, CMS work and journal, fully responsive.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched Motif: a bold, motion-led agency template for brand, motion and sound studios. Scroll-linked reveals, a tunnel interlude, CMS work and journal, fully responsive."}]}]},"author":{"framerUserId":"2a1b6b3b-191b-4fdc-b586-67d0ca740ff9","name":"Luna Sri","slug":"luna-sri","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"75772","resolved":true,"title":"Motif Studio","body":"$4d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Motif is a light, editorial agency template built around movement. A giant wordmark hero with floating 3D objects opens onto a scroll story: a statement that comes into focus word by word, a CMS-driven work grid, a pinned process section, a tunnel interlude that scrubs with the scroll, rolling stats and an elastic \"Let's talk\" sign-off."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is editable in Framer. Work and Journal run on the CMS, so a new project or article is one new item. Colours and type are set as styles, and every custom component has plain property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages: Home, Work, Work detail (CMS), Services, Studio, Journal, Journal article (CMS), Contact, Legal, 404."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS for projects and journal articles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-linked sections: pinned process steps, tunnel interlude, word-by-word statement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Showreel player with full-screen modal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover index, rolling counters, testimonial ticker, FAQ accordion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom cursor with View labels on projects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colour and text styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive on desktop, tablet and phone"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced-motion settings"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fonts: Mona Sans, Instrument Serif, JetBrains Mono, Inter (all free Google Fonts)."}]},{"type":"paragraph","content":[{"type":"text","text":"Note: the demo showreel is AI-generated (Google Veo) and carries the Veo mark. Swap in your own reel."}]}]},"introduction":"Bold, motion-led agency template","slug":"motif-studio","author":{"framerUserId":"2a1b6b3b-191b-4fdc-b586-67d0ca740ff9","name":"Luna Sri","slug":"luna-sri","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a1b6b3b-191b-4fdc-b586-67d0ca740ff9/01a136a1-9255-7549-9899-783255ca035e.png","metadata":{"tint":{"h":270,"s":70,"l":70},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a1b6b3b-191b-4fdc-b586-67d0ca740ff9/01a136a1-9232-72ed-945d-69214b3788a6.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a1b6b3b-191b-4fdc-b586-67d0ca740ff9/01a136a1-9329-727f-8d8c-7b679ef26e9b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a1b6b3b-191b-4fdc-b586-67d0ca740ff9/01a136a1-9329-73f8-a86d-7b55b96529b0.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}}],"post":null,"createdAt":"2026-10-13T19:00:44.668Z","updatedAt":"2026-10-13T19:04:03.686Z","publishedAt":"2026-10-13T19:00:44.666Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://checkout.dodopayments.com/buy/pdt_0NpfUHhc7eatPCZydJRkQ?quantity=1","remixUrl":null,"previewUrl":"https://humble-situation-566842.framer.app/","categories":[],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":236,"name":"Light","slug":"light"},{"id":110,"name":"Animated","slug":"animated"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-13T19:00:45.330Z","updatedAt":"2026-10-13T19:00:45.330Z","type":"post"},{"id":"01a11a20-ff9e-7797-9ace-89c3a7ef8b8a","title":null,"body":"

Made a Framer template where the page listens. The hero is live water that moves to your mic or a demo track, and the music notes play when you hold them.

Built for audio, music and voice-AI products. Turn your sound on in the preview.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Made a Framer template where the page listens. The hero is live water that moves to your mic or a demo track, and the music notes play when you hold them."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for audio, music and voice-AI products. Turn your sound on in the preview."}]}]},"author":{"framerUserId":"2a1b6b3b-191b-4fdc-b586-67d0ca740ff9","name":"Luna Sri","slug":"luna-sri","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"75179","resolved":true,"title":"Deep Current","body":"$4e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most audio and voice-AI templates show sound as a screenshot. Deep Current lets visitors hear it and see it: the hero is real-time WebGL water that reacts to the visitor's microphone or a demo track, and the music notes on the page play when you hold them."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for audio, music and creative-tech products: voice AI, streaming tools, live visuals, hardware and installations."}]},{"type":"customHeading","content":[{"type":"text","text":"What's inside"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Audio-reactive hero, logo and spectrum meter, all driven by the same live signal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hold-to-play music notes with their own cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"15+ pages: Home, Use cases with detail pages, Customers with case studies, Blog, Pricing, Company, Docs, Status, Contact, Legal, 404"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS for case studies, blog posts and use cases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Monthly/yearly pricing toggle, FAQ accordion, working contact and newsletter forms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Letter-by-letter titles, staggered reveals, count-up stats, tickers and smooth scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion visitors get a calm, static version"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colors, text, fonts, links and the demo track are set from the properties panel. No code needed."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Good to know"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clients, quotes and numbers are placeholders to replace. Photos are from Unsplash."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Microphone reactivity asks the visitor for permission; \"Play demo\" drives the visuals from the bundled track."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Licenses and support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Standard: one website ($129). Extended: unlimited websites for you or your clients ($249), with priority support. Questions? Email "},{"type":"text","text":"hello@lunasri.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@lunasri.com","target":"_blank"}}]},{"type":"text","text":", I reply within 2 working days. If a Framer update breaks something, I fix it for free."}]},{"type":"paragraph","content":[{"type":"text","text":"Want it set up for you? Your brand, copy, demo audio and domain, done for you from $1,500. Email "},{"type":"text","text":"hello@lunasri.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@lunasri.com","target":"_blank"}}]},{"type":"text","text":"."}]}]},"introduction":"Audio-reactive live water hero","slug":"deep-current","author":{"framerUserId":"2a1b6b3b-191b-4fdc-b586-67d0ca740ff9","name":"Luna Sri","slug":"luna-sri","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a1b6b3b-191b-4fdc-b586-67d0ca740ff9/01a11a1f-e7d4-76c3-8dd1-8caaab2e49ff.jpg","metadata":{"tint":{"h":230,"s":86,"l":22},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a1b6b3b-191b-4fdc-b586-67d0ca740ff9/01a11a1f-e6f8-7433-95f9-4de4ba1d134d.jpg","metadata":{"tint":{"h":230,"s":86,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-08T06:08:51.952Z","updatedAt":"2026-10-13T19:18:43.537Z","publishedAt":"2026-10-08T06:08:51.947Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"129","paymentUrl":"https://checkout.dodopayments.com/buy/pdt_0NpfZIpbx4HEjCKYsGoXt?quantity=1","remixUrl":null,"previewUrl":"https://primary-humans-312601.framer.app/","categories":[],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":292,"name":"Music","slug":"music"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-08T06:08:52.638Z","updatedAt":"2026-10-08T06:08:52.638Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L4f"}]