gradient-text

A gradient that drifts through a headline. Part of motion-anything; obeys MOTION-SPEC.md. Technique popularized by Magic UI, reimplemented dependency-free (pure CSS).

When to use it

• One hero word / short headline / brand name / key metric you want to feel premium.

When NOT to use it (restraint)

• Body copy or long text — it hurts readability and contrast. One short phrase per view.
• When guaranteed color contrast is required for accessibility.