Type
Kinetic typography on the brand's ground: typewriter, word swap, split-flap board, marquee bands, echo stack, liquid fill, decode, word by word, key phrase and an editorial stack.
← All packs · 10 items · type/
- Typewriter
- Word swap
- Split-flap board
- Marquee bands
- Echo stack
- Liquid fill
- Decode
- Word by word
- Key phrase
- Editorial stack
Typewriter
type/typewriterWords type on letter by letter with a blinking caret — in the brand's mono, text or display face.
volito render type/typewriter --out typewriter.mov| Prop | Type | Default | Takes |
|---|---|---|---|
text | longtext | Every great edit starts with a single cut. | ≤ 200 chars |
face | choice | mono | mono | display | text |
speed · Letters a second | number | 18 | 4 – 60 |
Parts (each takes any move with --motion): ground the brand's ground, text the typed text.
Word swap
type/word-swapA fixed lead and a word that keeps changing: each new word rolls up into an accent box that stretches to fit it — “We make videos / ads / stories”.
volito render type/word-swap --prop lead="We make" --out word-swap.mov| Prop | Type | Default | Takes |
|---|---|---|---|
lead | text | We make | ≤ 24 chars |
words | list | videos; ads; stories; brands | — |
end · Afterwords after the box (empty for none) | text | — | ≤ 12 chars |
Parts (each takes any move with --motion): ground the brand's ground, lead the fixed words, box the box and its word.
Split-flap board
type/split-flapAn airport split-flap board: every cell flutters through letters and clacks onto the message, left to right.
volito render type/split-flap --out split-flap.mov| Prop | Type | Default | Takes |
|---|---|---|---|
text · Messageup to three lines; new line for a new row | longtext | NOW BOARDING GATE 7 | ≤ 60 chars |
Parts (each takes any move with --motion): ground the brand's ground, board the board.
Marquee bands
type/marqueeBig words repeat along tilted bands that scroll in opposite directions — solid on accent, outlined on the ground — like a poster in motion.
volito render type/marquee --prop text="New drop" --out marquee.mov| Prop | Type | Default | Takes |
|---|---|---|---|
text · Words | text | New drop | ≤ 28 chars |
bands | number | 3 | 1 – 5 |
angle · Tilt | number | -8 | -30 – 30 |
speed | number | 1 | 0.2 – 3 |
Parts (each takes any move with --motion): ground the brand's ground, bands the bands.
Echo stack
type/echoOne word with outlined echoes fanning out above and below it, rippling in a slow wave — a poster headline that breathes.
volito render type/echo --prop word="Echo" --out echo.mov| Prop | Type | Default | Takes |
|---|---|---|---|
word | text | Echo | ≤ 16 chars |
copies · Echoes each side | number | 4 | 1 – 7 |
Parts (each takes any move with --motion): ground the brand's ground, word the solid word, echoes the outlined echoes.
Liquid fill
type/liquid-fillA big outlined word fills from the bottom with a wavy liquid in the brand's accents, then a tagline rises under it.
volito render type/liquid-fill --prop word="Fresh" --prop tagline="Squeezed this morning" --out liquid-fill.mov| Prop | Type | Default | Takes |
|---|---|---|---|
word | text | Fresh | ≤ 16 chars |
taglineempty for none | text | Squeezed this morning | ≤ 48 chars |
Parts (each takes any move with --motion): ground the brand's ground, outline the outlined word, fill the liquid, tagline the tagline.
Decode
type/decodeA title decodes letter by letter out of scrambled glyphs between brackets, then a mono line types on under it.
volito render type/decode --prop title="Access granted" --prop line="loading your workspace" --out decode.mov| Prop | Type | Default | Takes |
|---|---|---|---|
title | text | Access granted | ≤ 28 chars |
lineempty for none | text | loading your workspace | ≤ 60 chars |
Parts (each takes any move with --motion): ground the brand's ground, brackets the brackets, title the title, line the mono line.
Word by word
type/word-by-wordA sentence one word at a time, each word slammed full-frame on a new ground — the brand's, the accent, the second accent — cut to a steady pace. *Marked* words go big.
volito render type/word-by-word --out word-by-word.mov| Prop | Type | Default | Takes |
|---|---|---|---|
textwrap a word in *stars* to make it the accent | longtext | Stop scrolling. *This* changes everything. | ≤ 160 chars |
pace · Seconds a word | number | 0.42 | 0.15 – 2 |
Parts (each takes any move with --motion): ground the brand's ground, words the words.
Key phrase
type/key-phraseA sentence sets in big type, then its *marked* words get a marker swipe one after another — the line people should remember.
volito render type/key-phrase --out key-phrase.mov| Prop | Type | Default | Takes |
|---|---|---|---|
textwrap words in *stars* to mark them | longtext | Good editing is *invisible* until it is *missing*. | ≤ 140 chars |
Parts (each takes any move with --motion): ground the brand's ground, text the sentence, marks the marker swipes.
Editorial stack
type/stackLines stack like a magazine cover — heavy capitals alternating with *italic* accent lines — sliding in from alternate sides between hairline rules.
volito render type/stack --out stack.mov| Prop | Type | Default | Takes |
|---|---|---|---|
lineswrap a line in *stars* for the italic accent face | list | Make; *things*; people; *remember* | — |
Parts (each takes any move with --motion): ground the brand's ground, lines the lines, rules the hairlines.