Truchet Tile Reveal text animation: the word aimotions animated in this style
145GenerativeCanvas

Truchet Tile Reveal

A grid of quarter-circle Truchet tiles turns in diagonal waves, and tiles inside the letters switch to bold red ribbons on gold. Suits print-inspired, editorial and pattern-heavy brands.

Prompt · replace [TEXT]

Tool-agnostic
Build the word [TEXT] from a square grid of Truchet tiles. Each tile carries two quarter-circle arcs on opposite corners, so neighboring tiles join into endless meandering navy lines on warm cream paper with a fine grain. Diagonal waves sweep across the grid: every tile the wave touches spins 90° with a springy overshoot. When tiles inside the letters of [TEXT] spin, they switch to a bold version of the same tile, fat tomato-red arcs on a golden-yellow ground that join into thick ribbons, so the word fills in wave by wave, edged by a crisp navy outline and a small offset shadow in a heavy grotesque sans. Random tiles keep flipping during the hold; a second wave turns the word back into lines and the 8-second loop repeats.

Visual DNA

  • Quarter-circle arc tiles forming endless meandering ink lines
  • Tiles rotate 90° with a springy overshoot in diagonal waves
  • Inside the word the same arcs become fat tomato-red ribbons on golden yellow
  • Navy ink on warm cream paper with fine grain
  • Crisp navy outline holds the letterforms together
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 Truchet Tile Reveal 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 →

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 ♥