Tailwind v4: un sistema de diseño sin CSS huérfano.

Tailwind v4 empuja tokens —variables de diseño: colores, espaciados, tipografías— y un motor más cercano al CSS moderno. La ganancia para un estudio no es «más clases»: es un tema único (colores de marca, radios, sombras) que el HTML reutiliza. Un agente que genera vistas nuevas hereda el sistema en lugar de abrir un archivo de estilos paralelo.

En lenguaje llano: defines una vez «nuestro azul es --color-brand» y todas las pantallas lo usan. Piénsalo como un catálogo de pinturas con números: nadie trae un azul «parecido» de otra tienda en cada habitación.

El abuso sigue siendo el mismo: clases kilométricas en el HTML, magia de z-index y componentes que no existen como pieza reutilizable. El framework no sustituye un inventario de UI —botones, cards, modales acordados—. Tailwind acelera; no diseña por ti.

En Ambigram el criterio es: tokens en un solo sitio, componentes en plantillas o en React, y cero CSS «de esta página» salvo excepciones documentadas. Así el siguiente humano —o el siguiente agente— no tiene que hacer arqueología en quince archivos .css huérfanos.

Cuando un agente propone una vista nueva, revisamos que use clases del tema y componentes existentes. Un AGENTS.md con «no inventes colores hex sueltos» ahorra horas de unificación visual antes de enseñar el prototipo al cliente.

Tailwind v4 es diseño de sistema sin CSS huérfano: la marca se ve coherente en la landing, el panel Cloud y el email transaccional. Eso importa más que la cantidad de utilidades que el framework ofrece.