Problem: 14 odcieni szarości

Bez systemu każdy projekt zaczyna się od zera. Tokeny to odpowiedź: kolory, odstępy i typografia zdefiniowane raz.

Struktura tokenów

Trzy poziomy: prymitywy (paleta), semantyka (kolor akcentu) i komponenty (przycisk główny).

Dokumentacja

System bez dokumentacji umiera w tydzień. Storybook i żywe przykłady to minimum.

  • design system
  • tokeny
  • UI