Dizajn systém — prečo si nastaviť pravidlá skôr, ako začnete kódovať

Čo je dizajn systém?

Dizajn systém je zbierka pravidiel, komponentov a štýlov, ktoré definujú vizuálny jazyk projektu.

Farby ako CSS premenné

--c-primary: #6366f1;
--c-accent:  #a855f7;
--c-text:    #09090b;
--c-muted:   #71717a;

Prečo to ušetrí čas

Keď máte dizajn systém, každé rozhodnutie o dizajne je otázkou "použijem --c-primary alebo --c-accent?" nie "aká modrá to bola?"

Pri zmene brandovej farby stačí zmeniť jeden riadok CSS a zmena sa prejaví všade.

Spacing: ôsma sústava

Všetky medzery sú násobkami 8px: 8, 16, 24, 32, 48, 64. Toto robí dizajn rytmický a konzistentný.