# Stroke Draw-On Reveal: motion graphics style

> Outlined letters draw themselves on, contour by contour, in three offset colored strokes before a liquid fill floods the front layer. The classic trim-path reveal of logo animations, explainer titles and signature intros.

- Category: [Kinetic Typography](https://aimotions.art/category/kinetic-typography/)
- Also known as: line drawing text animation, trim path text, outline draw on, self-drawing letters, stroke reveal, handwriting outline effect
- Demo built with: SVG · Energy: Calm · Background: Dark bg
- Live demo: https://aimotions.art/styles/stroke-draw-on/
- Spanish version: https://aimotions.art/es/estilos/stroke-draw-on/

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

```text
Reveal the word [TEXT] with a trim-path draw-on. Use a heavy high-contrast italic serif, huge and centered on deep navy with a faint dot grid. First, thin butter-yellow outlines trace every contour of each letter from start to end with a smooth ease and a short stagger per letter; a mint outline offset a little up-left follows a beat later, then a cream outline at the front, so three stacked contours form a diagonal echo. Next a coral liquid fill floods up inside the front letters behind a gently waving surface. On the hold, a short bright comet of light keeps racing around every outline. To loop, the strokes retract in the same direction they were drawn and the fill drains away.
```

## Visual DNA

- Every glyph contour traced from start to end, like a pen on a path
- Three stacked outlines offset diagonally: butter, mint, cream
- Wavy liquid fill rises inside the front letters
- A short bright comet keeps running around the outlines on the hold
- High-contrast italic serif on deep navy with a faint dot grid

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: Stroke Draw-On Reveal, aimotions, https://aimotions.art/styles/stroke-draw-on/