Quadtree Subdivision text animation: the word aimotions animated in this style
140GenerativeCanvas

Quadtree Subdivision

A coarse grid of blurry blocks cracks into four wherever the letter outlines cross it, level after level, until the word stands sharp in cobalt tiles. Then it all folds back up: adaptive geometry for tech, data and design studios.

Prompt · replace [TEXT]

Tool-agnostic
Reveal the word [TEXT] through recursive square subdivision on warm cream with thin beige gaps between tiles. Start from a coarse grid of large squares, each tinted coral by how much of the word it covers, so the word is only a blocky blur. Then, level by level in a left-to-right sweep, every square that the letter outlines cross pops into four smaller squares with a bouncy overshoot and a brief white flash until the word, set in a heavy black grotesque, stands sharp. Color the tiles fully inside the letters deep navy to cobalt, the tiny tiles the outline crosses tomato and orange so they form a fine rim, and the background a mix of cream, mustard, pale blue and blush blocks. A soft light sweeps across the letters; then the tiles fold back up.

Visual DNA

  • Recursive four-way splits that only happen where the letter edges cross a tile
  • Tiles pop into four with a bouncy overshoot, sweeping left to right
  • Blocky, low-detail word sharpening level by level into crisp letters
  • Navy and cobalt tiles inside the letters, a fine orange rim at the edges
  • Cream, mustard and pale blue blocks of mixed sizes around the word
Category
Generative & Math Art
Demo built with
Canvas
Energy
Lively
Background
Light bg

Also known as

Support
Keep aimotions free

No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.

Buy me a coffee

Keys: ← → browse · C copy

Use this style

  1. Step 01Copy the prompt

    It describes the Quadtree Subdivision look (composition, type, palette, texture and timing) without tying you to a tool.

  2. Step 02Replace [TEXT]

    Swap in your word, product name or headline. Short words (4–12 letters) read best in most styles.

  3. Step 03Ask for a format

    Paste it into Claude Opus 5.5, Claude Sonnet 5.5, Claude Fable 5.5, GPT-6 Astra or GPT-6.1 Sol, or a newer model, and request a single HTML file, a component, a shader or a brief. For a hero heading, use “Copy for website title”.

Website titles →Prompt guide →

142GenerativeCanvas

Ridgeline Terrain

ridgeline plot · stacked line terrain · line landscape · hidden line rendering

Details →

Keep it free.

aimotions has no paywall and no sign-up. It is funded by people who found a style they love. A coffee on Ko-fi helps pay for hosting and the next batch of styles.

Support on Ko-fi ♥