LOG 06 · ESTILOS
Tailwind CSS v4
Tailwind v4 para un trabajo de maquetación rápido y consistente — combinado con CSS escrito a mano para las partes (apilamiento 3D, overlays de shaders personalizados, animación por keyframes) que necesitan un control a nivel de píxel que una clase de utilidad no puede expresar.
Utilidades para la estructura, CSS para el detalle
Tailwind gestiona las partes de una maquetación que son genuinamente repetitivas — escalas de espaciado, estructura flex/grid, breakpoints responsive — de forma rápida, y sin inventar un nombre de clase nuevo para cada div. Pero las partes de un sitio que lo hacen sentir a medida en lugar de plantillado (una rampa de color oklch específica, una coreografía de z-index entre un canvas WebGL y una capa CSS3D, una animación por keyframes ajustada a mano) siguen siendo CSS escrito a mano, porque ahí es donde una clase de utilidad deja de ser más rápida que simplemente escribir las tres líneas de CSS directamente.
La configuración CSS-first de Tailwind v4 — propiedades personalizadas `@theme` reales en lugar de un objeto de configuración JS — hace que esa división sea más fácil de mantener: los mismos tokens de diseño (color, espaciado) son direccionables tanto desde las clases de utilidad como desde el CSS escrito a mano justo al lado.