# Variable Weight Wave: motion graphics style

> A smooth wave of font weight rolls through the letters, swelling each one from hairline to black and back while the word reflows. A signature look of variable-font specimens, type foundry promos and editorial title cards.

- Category: [Kinetic Typography](https://aimotions.art/category/kinetic-typography/)
- Also known as: variable font animation, font weight wave, breathing type, weight axis animation, type specimen motion, variable typography
- Demo built with: CSS · Energy: Calm · Background: Light bg
- Live demo: https://aimotions.art/styles/variable-weight-wave/
- Spanish version: https://aimotions.art/es/estilos/variable-weight-wave/

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

```text
Animate the word [TEXT] as a variable-font weight wave. Set it huge and centered in a condensed display sans on warm off-white paper. A smooth sinusoidal wave of weight travels through the letters from left to right, each letter swelling from a hairline to an ultra-black weight and thinning again, so the word reflows and breathes while staying on one baseline. Letters tint from ink black to vermilion as they reach full weight. Midway, all letters swell to black together and hold for a beat, then the wave runs back the other way and thins everything out. Frame it like a type specimen: thin blue guide lines at baseline and x-height, small monospace axis labels, and a live weight number under each letter. Calm, rhythmic, seamless loop.
```

## Visual DNA

- One condensed display word swelling from hairline to black weight
- Wave travels letter by letter, so the word reflows and breathes
- Heaviest letters shift from ink black to vermilion
- Specimen chrome: baseline guides, axis labels, live weight readouts
- Warm paper background, calm sinusoidal timing

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: Variable Weight Wave, aimotions, https://aimotions.art/styles/variable-weight-wave/