De Stijl Grid
Thick black lines divide the frame into red, yellow and blue rectangles that glide into new proportions. The word is built from the same black bars inside a white band. Based on Dutch De Stijl (neoplasticism); for architecture and design.
Prompt · replace [TEXT]
Tool-agnosticAnimate [TEXT] as a De Stijl (neoplasticist) composition. Thick black horizontal and vertical lines divide an off-white canvas into rectangles, a few filled with flat primary red, yellow and blue. A white horizontal band runs across the middle, and [TEXT] is built inside it from black rectangular bars of exactly the same thickness as the grid lines: square, rectilinear lowercase letters, no curves or diagonals. First the lines extend across the canvas and the colored fields fill in, then the letter bars grow one by one. Every couple of seconds the vertical and horizontal lines glide to new positions and the colored rectangles stretch and shrink to new proportions while the word stays put. Smooth, calm, balanced; matte paint texture. Retract everything and loop.
Visual DNA
- Only black lines, off-white and flat primary red, yellow and blue
- Strictly horizontal and vertical composition, no curves or diagonals
- Letters constructed from bars of the same weight as the grid lines
- Grid lines glide to new positions and the colored fields resize with them
- Lines extend and retract with smooth, even easing; matte painted texture
- Category
- Print & Design Movements
- Demo built with
- SVG
- Energy
- Calm
- Background
- Light bg
Also known as
Support
Keep aimotions free
Buy me a coffee No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.
Keys: ← → browse · C copy
