# Proximity Weight Magnifier: motion graphics style

> Variable font text effect: letters swell from hairline to black weight and grow taller as the cursor approaches. A smooth magnifying wave rolls through the word. Ideal as an interactive, animated website hero title for type-driven brands.

- Category: [Reactive Styles](https://aimotions.art/category/reactive-styles/)
- Also known as: variable font hover, font weight on hover, proximity text effect, magnifying hover text, cursor weight effect, variable typography interaction, magnify letters
- Demo built with: CSS · Energy: Lively · Background: Dark bg
- Live demo: https://aimotions.art/styles/variable-weight-proximity/
- Spanish version: https://aimotions.art/es/estilos/variable-weight-proximity/

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

```text
Set [TEXT] large in a clean neo-grotesque lowercase with a variable weight axis, white on a deep ultramarine background. Every letter's weight depends on its distance to the pointer: far letters are hairline thin, the nearest swell to ultra-black, grow up to a third taller from the baseline and tint acid lime, with a smooth bell-shaped falloff so the word reflows like a magnifying wave. At rest an invisible point drifts slowly along the word so a soft weight wave keeps rolling through it. On hover the bell tightens and the effect doubles, tracking the pointer with a slightly springy lag; when the pointer leaves the letters thin out again within a second. A press sends a weight pulse rippling outward through the letters. Show a thin falloff curve above and weight bars below. Touch follows the finger.
```

## Visual DNA

- Neo-grotesque lowercase in white on deep ultramarine
- Weight axis follows pointer proximity: hairline far away, black up close
- Nearest letters grow taller and tint acid lime
- Neighbors reflow as widths change, like a magnifying app bar
- Live falloff curve and weight bars as specimen chrome

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: Proximity Weight Magnifier, aimotions, https://aimotions.art/styles/variable-weight-proximity/