Swiss Grid Layout
Red, black and white modules snap onto a strict six-column grid while a huge, tightly tracked neo-grotesque word rises flush left. Based on the mid-century International Typographic Style; ideal for editorial, architecture and conference identities.
Prompt · replace [TEXT]
Tool-agnosticDesign [TEXT] as an animated Swiss International Style poster in red, black and white. Show a strict six-column grid as thin red guide lines that draw in first, then fade back. Modules snap onto the grid with sharp expo easing: a tall red block bleeding off the top edge, hairline black rules, a small black square, a huge numeral and two small flush-left text columns (one bold, one regular). [TEXT] sits flush left at the bottom, set in a heavy lowercase neo-grotesque with very tight tracking, each letter rising out of a baseline mask with a short stagger. Halfway through, the red block, numeral and square slide sideways to a second asymmetric arrangement on the same grid. Hold, then everything retracts and the loop restarts. Crisp, objective, no ornament.
Visual DNA
- Strict six-column grid shown in thin red guides during the build
- Asymmetric flush-left layout with a large bleeding red block
- Huge lowercase neo-grotesque, very tight tracking, rising out of a line mask
- Small bold and regular text columns, hairline rules and a big numeral
- Modules slide to a second arrangement mid-loop with sharp expo easing
- Category
- Print & Design Movements
- Demo built with
- CSS
- Energy
- Lively
- Background
- Light bg
Also known as
No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.
Keys: ← → browse · C copy