el rediseño del sitio, y lo que hice mal la primera vez

devlog · Feb 11, 2026 · 1 min read

reconstruí el frontal de este sitio y, por primera vez en mi vida, empecé por el design system en lugar de por una captura de pantalla.

el material 3 expressive de google es la referencia actual. la investigación que hay detrás afirma una subida significativa en lo «expresivo» que se percibe de un producto, que es exactamente el tipo de cosa que hace un año habría descartado y que ahora defendería de forma desagradable.

qué cambió

• una capa de tokens real para color, forma y movimiento en lugar de valores codificados a mano por todas partes
• cada elemento interactivo reconstruido sobre un solo componente, así que el anillo de foco y la animación de pulsación no pueden divergir
• tipografía con una escala real en lugar de «grande, más grande, grandísimo»
• claro y oscuro construidos desde la misma fuente, no escritos dos veces

lo que hice mal

traté el estilo expresivo como un aspecto que se aplica. no lo es. el movimiento debería transmitir significado, y la primera versión tenía muelles por todas partes con una jerarquía plana debajo. parecía caro y no comunicaba nada.

segundo error: diseñé primero el escritorio. el móvil es donde debería empezar el esfuerzo, y todavía no lo creo de forma instintiva.