Tailwind CSS — utility-first CSS

Tailwind CSS to framework CSS „utility-first”: zamiast pisać długie, nazwane reguły dla każdej sekcji, komponujesz wygląd z małych, predefiniowanych klas (marginesy, typografia, kolory, breakpointy). Konfiguracja `tailwind.config` pełni rolę design tokens — paleta marki, skale spacingu i fontów mapuje się na klasy generowane przez silnik JIT. Nieużywane style są usuwane z produkcyjnego CSS (tree-shaking klas).

W projektach marketingowych Tailwind przyspiesza prototypowanie landingów i wariantów A/B, bo zmiany wizualne są lokalne w JSX/HTML bez skakania między wieloma plikami arkuszy. Przy dobrej dyscyplinie komponentów łatwiej utrzymać spójność z brand guidelines niż przy ad hoc inline styles.

Kluczowe jest zdefiniowanie tokenów (kolory Pantone/HEX, skale typografii) na poziomie configu, nie „na oko” w klasach. To most między identyfikacją wizualną a kodem, który realnie trafia do użytkownika.