Editorial stack

Lines stack like a magazine cover — heavy capitals alternating with *italic* accent lines — sliding in from alternate sides between hairline rules.

  • type/stack
  • Type
  • text
  • Full frame
  • 4 s (1.5–20 s)
Live in your browser
Editorial stack at 16:9
0.00 / 4.00 s
Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop.

Render it

npx volito render type/stack --out stack.mov

That writes ProRes 4444. The same item in another shape, brand or format:

volito render type/stack --aspect 9:16 --style cobalt --out stack-9x16.mov
volito render type/stack --format mp4 --out stack.mp4
volito still type/stack --t 2 --out stack.png
volito info type/stack     # every prop and part
volito add type/stack      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("type/stack"), { props: {}, out: "stack.mov" });

Or ask an agent with the MCP server connected: “Render the Volito editorial stack (type/stack) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

PropTypeDefaultTakes
lines
wrap a line in *stars* for the italic accent face
listMake; *things*; people; *remember*—

Parts

Each part takes any move, ease or idle: --motion ground.in=pop.

PartWhat it is
groundthe brand's ground
linesthe lines
rulesthe hairlines

Tags: kinetic type, text, stack, editorial, magazine, serif, italic, headline

More in Type