The date rolls up digit by digit across the full width, then the event name, venue details and lineup build into a Swiss poster.
Editorial Typography
Swiss Grid Build
Column and baseline rules draw themselves, colour blocks snap into seeded modules and the headline rises into the top of the grid.
- swiss grid
- modular
- poster
About Swiss Grid Build
Column and baseline rules draw themselves, colour blocks snap into seeded modules and the headline rises into the top of the grid.
Part of Editorial Typography. Runs 5 seconds by default, exports in 16:9, 9:16, 1:1 and 4:5, as MP4 or transparent WebM up to 8K.
Related animations
Rows of heavy type scroll in alternating directions between hairlines, with one inverted band, looping seamlessly at any text length.
Every line is sized to span the full column, so the words lock into a solid block while hairlines draw between them.
A time column and session titles build row by row under the event name, with hairlines ruling off each slot.
A tag box grows around the label, the panel lifts and the announcement rises into place with its date line underneath.
Kicker, headline and deck rise in order, the byline rules off, and the body typesets itself in columns behind a drop cap.
One number fills the width and counts up from zero, a hairline draws above it, and the label and source line settle underneath.
The cover slide of a carousel: an ink panel sweeps in, the hook stacks up line by line and a swipe arrow keeps nudging.