| # | Beat | Timecode | Motion | Logo | Audio | VO / on-screen |
|---|---|---|---|---|---|---|
| 1 | open | 0–8.2s | spatial-parallax | icon·ember-fill | ♪ — | You don't need a template farm or a six-week agency timeline. on-screen: A real site, built by AI |
| 2 | legacy | 8.2–15.7s | crossfade-8f | icon·wireframe | ♪ — | The old way was buying a theme, fighting its limits, then filing tickets every time you wanted something it didn't do. on-screen: Old way: themes and tickets |
| 3 | teach | 15.7–25.5s | kinetic-build | icon·wireframe | ♪ — | We start with a plain brief: what the page must do, who it's for, and the one action it should drive. on-screen: Step 1: write the brief |
| 4 | teach | 25.5–32.5s | kinetic-build | icon·wireframe | ♪ — | Then we diagram the structure, pages, sections, and the flow between them, so we're building architecture, not decorating. on-screen: Sitemap before pixels |
| 5 | teach | 32.5–39.5s | kinetic-build | icon·wireframe | ♪ — | We hand the brief to Claude Code and it writes real HTML, CSS, and components, hand-editable, no proprietary lock-in. on-screen: Claude Code writes the markup |
| 6 | teach | 39.5–47.4s | kinetic-build | icon·wireframe | ♪ — | It flows fast: build, open a live preview, fix what looks off in the same loop, then deploy to a real URL. on-screen: Build -> preview -> fix -> deploy |
| 7 | proof | 47.4–54.5s | receipts-count | icon·wireframe | ♪ — | A custom landing page that was a multi-week project now lands in hours, and you own every line of on-screen: Hours, not weeks |
| 8 | futurist | 54.5–60.5s | spatial-parallax | icon·wireframe | ♪ — | Soon a site isn't a static deliverable, it's something you can restyle or re-section by just asking. on-screen: Sites that rebuild on command |
| 9 | resolve | 60.5–66.5s | coalescence | stacked·ember-fill | ♪ swell | Need a site that's actually yours? We'll brief it and ship it. Start at temerarii.xyz. on-screen: Ship your site |