---
titulo: Ilustración
resumen: Ilustraciones de trazo animadas dentro de los mosaicos de la landing.
  Pendiente de documentar.
estado: obsoleto
grupo: Lenguaje visual
creado: 2026-10-11
actualizado: 2026-10-13
relacionados:
  - componentes/mosaico
  - fundamentos/color
id: fundamentos/ilustracion
url: /designloop/fundamentos/ilustracion
sync: null
---

# Ilustración

Ilustraciones de trazo animadas dentro de los mosaicos de la landing. Pendiente de documentar.

> **Obsoleto.** Desapareció con el rediseño de la landing (octubre de 2026). Las ilustraciones de trazo dejaron paso a las [placas](/designloop/componentes/placa), escenas animadas de interfaz.

Lo que se observa hoy en `public/index.html`:

- Cada ilustración es un `svg` con la clase `ink`, `viewBox="0 0 320 220"`, `aria-hidden="true"` y `focusable="false"`, dentro de un [mosaico](/designloop/componentes/mosaico).
- Las formas usan las clases `fill-paper`, `fill-ink`, `fill-accent` y `line`, y un filtro común (`filter="url(#ink)"`).

Pendiente: reglas de estilo, de movimiento y de cuándo usar una ilustración.