# De Stijl Grid: motion graphics style

> 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.

- Category: [Print & Design Movements](https://aimotions.art/category/print-design-movements/)
- Also known as: de stijl, neoplasticism, primary color grid, black line grid art, primary rectangles composition, rectilinear typography, abstract grid composition
- Demo built with: SVG · Energy: Calm · Background: Light bg
- Live demo: https://aimotions.art/styles/de-stijl-grid/
- Spanish version: https://aimotions.art/es/estilos/de-stijl-grid/

## Prompt (replace [TEXT] with your text)

```text
Animate [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

The prompts are free to copy, adapt and use in personal and commercial projects, with no credit required. Republishing the collection or a substantial part of it (for example as another library or a dataset) requires written permission.

How to cite: De Stijl Grid, aimotions, https://aimotions.art/styles/de-stijl-grid/