Skip to content
refs
REF-2370Source onlineBlueprint rev 01

Silent File Upload Microinteraction

A silent Rive upload card turns a dragged CSV into a bright import state in one continuous shot.

Maker @virgil_panaOriginal post ↗
Cut timeline · 1 shots00:10
00:0000:0200:0400:0600:0800:10

Field notes / why it works

The task reads from the first frame: one centered card, a document stack, and a short upload heading. A small CSV enters at about 1.0 s, creating a clear action to follow without any cut or narration. By 5.2 s the neutral center has become a turquoise import state, making the feedback the visual payoff within the 10.4 s clip.

01

Plate 01 / The format in one breath

A centered, nearly white upload panel waits in a blank canvas. A tiny file enters the frame, triggers a tactile transformation into a bright import state, and lets the viewer see progress. The promise is visual: a routine file action can feel polished and responsive.

Why it works

  • The opening is immediately readable: one large card and a file icon, with the task named by the heading at 0:00.
  • The external CSV appears at about 1.0 s and gives the viewer a concrete action to follow through the otherwise static frame.
  • By the sampled frame at 5.2 s, the card has changed into a turquoise folder/progress treatment. The state change supplies the payoff without a cut or voiceover.
02

Plate 02 / Format card

Platform · aspect · lengthX · 4:3 · 960 × 720 · 60 fps · 10.4 s
Pace1 continuous shot · 0 cuts/min · 10.38 s shot · motion occurs inside the fixed composition
Script0 spoken words · concise interface labels only
VoiceNone
On screen100% motion UI: white canvas, centered upload card, document stack, dragged CSV, transformed import panel
CaptionsNone; functional UI copy is centered below the illustration
SoundNo audio track, music, or effects
StructureIdle state → dragged file → upload/import state → held feedback; no spoken CTA

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