Dispense Line-upFeatures
Scattered Spec Type
A spec line is split into words placed far apart on uneven baselines, with a connector word stepping up letter by letter.
Seen in
Full recipe
Why it works
Words are spread far apart on staggered baselines, so reading the spec sentence has pauses. Italics are used only on key words such as "faster" and "Introducing", and the type stays at about 3% of frame height so it does not compete with the main picture.
Spec
- Timing
- Four sentences of 2.05s each starting at 0.1, 2.15, 4.2, 6.25s: words appear over the first 0.76–1.04s, then the sentence holds about 1.0–1.3s and hard-cuts; wordmark card 8.3–11s: letters scatter in 8.35–8.8s, settle at 8.96s over 0.55s, tagline 8.96s; film 11s
- Easing
- Words and letters appear with
tl.sethard cuts (no fade); stair letters sit atx: i×24–26px, y: −i×28–30px, and two of the stair words collapse to one line withexpo.out0.4s; the scattered wordmark settlesexpo.out0.55s - Camera
- One 3D lens model (Three.js, fov 20°) re-framed for each sentence: lens offset x +640, −640, +560, −520px with scale 1.0, 1.15, 1.2, 1.1, tilt and a 4% scale growth plus a few pixels of drift inside each 2.05s group; scale 1.35 behind the wordmark with the background dimmed to 34% opacity
- Subject
- Four sentences with word starts 0.12–0.42s apart, each word placed by its left edge on its own baseline: 'Now with 48 megapixels', 'Constant f/1.8 aperture from 24–70mm', 'Up to 18 hours per charge', 'Weighs just 312 grams, lens included'; connector words ('with', 'from', 'per', 'just') appear letter by letter on an uneven beat as a staircase; numerals are 128px weight 300; the wordmark 'Quarry' appears as scattered letters offset up to ±150px
- Sync
- Each sentence swap, camera re-frame and background change land on the same frame (0.1, 2.15, 4.2, 6.25, 8.3s); the wordmark and tagline settle on the same frame at 8.96s
- Style
- Near-black
#070708radial background with a vignette; white#f5f5f7Inter 66px, Playfair Display italic 74px, numerals 128px weight 300, one muted 40px line; red#ff4a2bdot in the tagline; set over a dark 3D product render
Prompt
Write four spec lines with a shot called Scattered Spec Type: 'Now with 48 megapixels', 'Constant f/1.8 aperture from 24–70mm', 'Up to 18 hours per charge' and 'Weighs just 312 grams, lens included', each shown for 2.05s over a dark 3D product render. Each word appears with a hard cut and no fade, 0.12 to 0.42 seconds apart, at positions spread across the frame on different baselines, in white Inter 66px with key words in Playfair italic 74px and numerals at 128px weight 300. Connector words ('with', 'from', 'per', 'just') appear letter by letter on an uneven beat and step upward, each letter 24 to 26px across and 28 to 30px up; settle some of them into one line with a 0.4 second expo.out. Re-frame the camera with a new lens offset, scale and tilt on every sentence, with a 4% growth inside each group, and hard-cut between sentences. At 8.3s, scatter the wordmark's letters up to 150px off their slots, settle them into one line with a 0.55 second expo.out, and fade in a tagline.
People describe it as
- The spec text pops up word by word at different positions
- The words are spread wide apart with ups and downs
- Small spec text mixing roman and italic
Often confused with
- Rhythmic TypingIn Rhythmic Typing the text is appended character by character on one fixed line; in Scattered Spec Type the words land at spread-out positions.
- Word-by-Word HighlightIn Word-by-Word Highlight the words turn from gray to white on one line; in Scattered Spec Type the words appear with a hard cut at staggered positions.
More Features
