# Tipografía variable por proximidad: estilo de motion graphics

> Efecto de texto con fuente variable: las letras engordan de finísimas a ultranegras y crecen al acercarse el cursor, en una ola de aumento. Título hero interactivo.

- Categoría: [Estilos reactivos](https://aimotions.art/es/categoria/estilos-reactivos/)
- También conocido como: tipografía variable interactiva, fuente variable al pasar el ratón, peso de fuente con el cursor, efecto de proximidad, efecto lupa al pasar el ratón, tipografía interactiva, letras que engordan, texto que se amplía con el ratón
- Demo hecha con: CSS · Energía: Dinámico · Fondo: Oscuro
- Demo en vivo: https://aimotions.art/es/estilos/variable-weight-proximity/
- Versión en inglés: https://aimotions.art/styles/variable-weight-proximity/

## Prompt (cambia [TEXTO] por tu texto)

```text
Compón [TEXTO] grande en minúsculas neogrotescas limpias con eje de peso variable, blanco sobre azul ultramar profundo. El peso de cada letra depende de su distancia al cursor: las lejanas son finísimas; las más cercanas engordan hasta ultranegra, crecen hasta un tercio más desde la línea base y se tiñen de verde lima ácido, con una atenuación suave en campana para que la palabra se recoloque como una ola de aumento. En reposo, un punto invisible recorre despacio la palabra y una suave ola de peso la atraviesa sin parar. Con el cursor encima, la campana se estrecha y el efecto se duplica, siguiéndolo con un retraso algo elástico; al irse, las letras adelgazan de nuevo en un segundo. Un clic lanza un pulso de peso que se propaga por las letras. Muestra una fina curva de atenuación arriba y barras de peso abajo. En pantallas táctiles, sigue al dedo.
```

## ADN visual

- Minúsculas neogrotescas en blanco sobre azul ultramar profundo
- El eje de peso sigue la cercanía del cursor: finísima lejos, ultranegra cerca
- Las letras más cercanas crecen en altura y se tiñen de verde lima ácido
- Las vecinas se recolocan al cambiar de ancho, como una barra de apps con lupa
- Curva de atenuación y barras de peso en vivo, como en un muestrario tipográfico

Los prompts se pueden copiar, adaptar y usar libremente en proyectos personales y comerciales, sin necesidad de citar la fuente. Republicar la colección o una parte sustancial de ella (por ejemplo, como otra biblioteca o un conjunto de datos) requiere permiso por escrito.

Cómo citarlo: Tipografía variable por proximidad, aimotions, https://aimotions.art/es/estilos/variable-weight-proximity/