# Framer — That's Framer

A dark, music-led UI film that builds a website live inside the Framer editor: shapes and text are drawn on a canvas, become a hero page, then a template wall, a layout grid, responsive breakpoints and a Publish click, ending on the logo.

- Code: LN-0062
- Kind: Launch film
- Format: UI motion film
- Brand: Framer
- Length: 37.5s · 14 beats · 22.4 beats/min · 3 hard cuts
- Industry: Design tools, SaaS, Creative studio
- Style: Dark UI, Glass UI, Gradients, Kinetic type, Morph transitions, Push-ins, Music-led, No voiceover
- Original: https://www.youtube.com/watch?v=8AHPXm9Y6mI
- Full breakdown: https://cutmap.co/v/framer-that-s-framer

## The breakdown

The full breakdown has eleven sheets: Snapshot, Opening, Structure, Timeline, Rhythm, Look, Movement, Sound & words, Why it works, Production, Build brief. It is available to Cutmap Pro members at https://cutmap.co/v/framer-that-s-framer.