Skip to content
refs
REF-0284Source onlineBlueprint rev 01

Lovable 2.0: From Prompt to Published Site

An 80-second music-led launch film that moves from a graphic scarcity hook to real creation, collaboration, editing, and publishing demos.

Maker @LovableFor LovableOriginal post ↗
Cut timeline · 23 shots01:20
00:0000:1500:3000:4501:0001:15

Field notes / why it works

The first 3 seconds turn many gradient dots into one focal point and a scarcity claim, so the abstract motion leads to a concrete question. A logo and oversized benefit word land by 0:11; from 0:23 to 1:09, prompts, results, invites, editing controls, a publish click, and code show the product working. The 23-shot film alternates saturated graphic cards with readable interface views, using a quick cluster around 1:06–1:09 to renew attention before the end card.

01

Plate 01 / The format in one breath

A polished, music-led product launch film begins with a human-scale claim about who can make something, then reveals the product and turns its feature list into visible actions. Bright abstract graphics open the door; real interface demonstrations carry the proof; a compact brand card closes it. The promise is established through on-screen type by about 0:04, with no dependable spoken narration.

Why it works

  • The opening moves from dozens of soft, colorful dots to a single highlighted dot by 0:01.5, making the scarcity claim visually legible before the viewer reads it.
  • A vivid logo reveal at 0:07.8 and a giant “Faster” at 0:10.8 convert abstract stakes into a clear product benefit within 11 seconds.
  • The middle shows prompts, generated sites, an invite dialog, editing controls, publishing, and code in sequence (0:20–1:09); the claim gains visible proof instead of remaining a list.
02

Plate 02 / Format card

Reference
Platform · aspect · lengthX · 16:9, 1280×720 · 80.4 s at 30 fps
Pace23 measured shots, 22 cuts; 16.4–25.4 cuts/min allowing uncertain changes; 22.4 clear picture changes/min; mean shot 3.5 s, median 2.7 s
ScriptOn-screen headlines and UI labels; no reliable spoken script. The six-word automated transcript contains obvious music/punctuation hallucinations.
VoiceNone reliably audible/measured; no presenter.
On screenApprox. 30% abstract typography/brand motion, 60% product UI and showcased sites, 10% lifestyle/product beauty footage (inferred from sheets).
CaptionsNo speech subtitles. Large, centered keyword cards and authentic UI text carry the message.
SoundContinuous tonal/electronic music bed, roughly 110 BPM (automated estimate); no clearly evidenced cut-specific effects. −11.8 LUFS integrated, +0.3 dBFS measured true peak.
StructureScarcity hook → brand/benefit → example gallery → creation demo → collaboration → editing/publishing → developer mode → closing brand card.

Pro / 13 plates + recipe

The first plates are open. The full dissection is Pro.

Get the timed shots, type and sound specs, and the runnable recipe.

Open the full blueprint
  1. Plate 03 / The hook, frame by frame (first 3 seconds)Pro
  2. Plate 04 / Structure (beat sheet)Pro
  3. Plate 05 / Shot grammarPro
  4. Plate 06 / Visual style guidePro
  5. Plate 07 / Voice and deliveryPro
  6. Plate 08 / Sound designPro
  7. Plate 09 / PackagingPro
  8. Plate 10 / Script templatePro
  9. Plate 11 / Production planPro
  10. Plate 12 / PromptsPro
  11. Plate 13 / Edit recipePro
  12. Plate 14 / QA checklistPro
  13. Plate 15 / Make it yoursPro
  14. Recipe / runnable promptPro