Tailwind CSS
O Tailwind é como transformamos um design system em estilização consistente — classes utilitárias mapeadas aos tokens da marca.
O Tailwind CSS é uma framework de estilização utility-first onde se compõem designs a partir de pequenas classes ligadas a um tema central de cores, espaçamento e tipografia. O tema é o design system, em código.
Como tudo deriva de um só tema, a marca mantém-se consistente e o desvio é difícil de introduzir. Mantém a estilização perto da marcação, o que torna os componentes rápidos de construir e fáceis de rever.
No produto,
não no slide.
Design systems com tokens
Cores, espaçamento e tipografia da marca centralizados para cada ecrã se manter fiel.
Trabalho rápido de componentes
A estilização vive com a marcação, por isso os componentes são rápidos de construir e rever.
Consistente em escala
As restrições do tema evitam desvio visual à medida que o produto cresce.