Display type
Big type that moves. Four styles share one set of options: particles that scatter from the cursor, letters poured into a fluid, a word you fly through into a scene, and variable letters that swell and breathe. Each can stay still, move on its own, react only when touched, or follow the scroll.
- Renderer
- WebGL
- Kind
- Interactive surfaces
- Options
- 8 fields, 9 presets
Loading the scene…
Presets
Used on
- SURFACES: ostra hero, the type window, a variable statement and the liquid line, every brand
Worth knowing
- The real words are always in the page as a heading, for screen readers and search; the canvas is decoration.
- Particles and the window target are sampled from the live font, so any typeface works. The liquid style shares the GPU fluid solver with the Backdrop ink style.
- Variable is real text driving a variable font’s weight and width axes per letter, so it needs no WebGL at all. Fonts without a width axis vary weight only.
- Window with "Pattern moves" on scroll pins the section and flies through the middle letter; in this preview it zooms on a loop instead.
- Static renders a single frame and then stops drawing.