Motion

Precise, calm, spatial.

Motion comes from the visual language: lines draw, planes slide, masks reveal, numbers count, cuts land on the beat. Nothing moves unless it reveals information or structure — and everything settles quickly so the footage can breathe.

Vocabulary — nine verbs

These are the only movements MSPACEZ uses. Most videos need two or three of them.

Draw A line extends along its axis from a start tick.
Dimension lines, rules, progress, underline of a keyword

Meet with confidence.

Reveal Text rises 20 px from behind its own baseline mask.
Hooks, headlines, lower-third text

↑

Slide A plane moves along the grid, never diagonal.
Lower-third plates, end-card planes, panels

Mask An image opens from a rectangle or a line.
Image-to-image, photo modules, covers

Cut Hard cut on the beat. The default transition.
Every edit unless a reason exists

3,500

Count Numerals count up in tabular figures and stop.
Statistics, prices (real ones only)

→

Expand The marker grows into a plate or line.
Lower thirds, chips, sting

Crop A slow push or crop-in ≤ 5% over 3–5 s.
Space shots, stills in video

Screen · 65″

Track A chip or line follows a point in the shot.
Specialist: pointing at a room, a door, a screen

Timing hierarchy

Related, not identical: durations scale with the size and importance of what moves. Exits take ~60% of the entry time. Tested at 30 fps; at 25 fps round to the nearest frame.

Tier	Duration	Frames @30	Ease	Used for
Micro	150–200 ms	5–6	ease-measured	Marker appears, chip toggles, keyword underline
Text in	300–400 ms per line · stagger 80 ms	9–12 (+2–3)	ease-measured	Hook, headline, supporting line (Reveal)
Subtitle	0 ms (cut on) · optional 100 ms fade	0–3	linear	Captions — never animated per word
Lower third	in 400 · hold 3–4 s · out 250 ms	12 · 90–120 · 8	measured / exit	Person, branch, service, location, info, price
Graphic reveal	600–800 ms	18–24	ease-measured	Dimension line draw, plan fragment, statistic module
Count	700–900 ms	21–27	ease-out (0,0,.2,1)	Numerals — stop on the real figure, hold ≥ 1.5 s
Transition	400–500 ms	12–15	ease-in-out (.6,0,.2,1)	Plane wipe, mask, line reveal (strategic only)
CTA	in 500 ms · hold ≥ 2 s	15 · 60+	ease-measured	CTA block, end-card action
Micro sting	600–800 ms total (max 1.0 s)	18–24	ease-measured	Optional brand sting after the hook or at the end
Outro	2.5–3.5 s total	75–105	build 500 · hold · out 300	End cards A–E
UI (product)	160 / 240 ms	—	ease-measured	Web and app only — unchanged from the UI system

Never	Why
Bounce, elastic, overshoot	Playful, not confident
Spin, 3D flips, cube transitions	Gaming / template aesthetic
Glitch, RGB split, light leaks, film burns	Noise that hides the space
Zoom punches > 5%, whip pans	Hyperactive; fights real footage
Word-by-word pop captions, typewriter text	Tiring, cheap, hard to read
Unmotivated parallax, particles, lens flares	Decoration without information
Animating the logo’s parts	The logo is revealed whole and never altered

Sound and motion

Keep sound minimal and refined. Voice first, room tone second, music third. A custom MSPACEZ sonic logo is flagged as a future owner asset — none is invented here.

Moment	Sound behaviour	Never
Brand sting	One short, soft tonal cue (≤ 0.8 s) — custom sonic logo is a future asset requirement	Borrowed or stock logo stings
Text reveal	Silent, or a very soft tick on the hook only	A sound on every line
Marker	Optional single soft click, −24 dB under voice	Clicks on every chip
Transition	Carried by the music edit or room tone; no whoosh	Whooshes, risers, impacts
CTA	Music resolves; voice says the action	Cash-register, notification pings
Outro	Music tail 1–1.5 s; the sting may close it	Hard-stopped music

Principle

Motion reveals information.

Rule

Nine verbs, the timing hierarchy and one thing moving at a time. The footage leads; graphics arrive, say one thing, and leave.

When to use

Reels, ads, video, presentations, web micro-interactions.

When not to use

Static posts exported as GIFs; animating decoration.

Cut more than you transition
Let each graphic settle before the next moves
Respect reduced-motion settings in digital

Don’t

Animate every element
Random transition packs
Motion that delays the hook