Documentación viva · 2026
Sistema
Los tokens, la escala tipográfica y el movimiento que usan todas las páginas. Si algo no está acá, no es parte del sistema.
Color
- bg#121314
- surface#1C1E20
- surface-raised#232527
- text#E8E8E8
- text-muted#A8A8A8
- text-subtle#909090
- accent#C8A96B
- accent-hover#D4B87A
- borderrgba(200,200,200,.09)
Tipografía
Display · clamp(3.4rem, 8vw, 9rem)
Datos, producto
e imagen.
Título · clamp(2rem, 4vw, 4.6rem)
El caso como una película
Lead · clamp(1.05rem, 1.3rem)
Una bajada de dos o tres líneas, con medida de 45 a 52 caracteres.
Cuerpo · 62–72ch · 300
El cuerpo de lectura usa IBM Plex Sans en 300, con interlineado 1.7 a 1.8. Los enlaces se subrayan y los números son tabulares cuando forman columnas.
Label · mono · 0.6rem · tracking 0.16em
Rosario · Argentina · 2026
Movimiento
Regla: nada se mueve sin propósito. Máximo dos animaciones simultáneas por viewport y siempre con versión estática paraprefers-reduced-motion.
- --ease-out
- cubic-bezier(.16, 1, .3, 1)
- --ease-in-out
- cubic-bezier(.65, 0, .35, 1)
- --transition-fast
- 200ms
- --transition-base
- 400ms
- --transition-slow
- 800ms
- --transition-premium
- 650ms