Motif Studio

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.