Paleta kolorów — co to jest?
Zdefiniowany zestaw kolorów użytkowych (primary, secondary, error, success, neutral) z ich odcieniami, który zapewnia spójność wizualną w całym produkcie.
Jak to działa?
Paleta kolorów to nie lista ulubionych barw, tylko system. Składają się na nią kolory funkcyjne: primary (główna akcja), secondary (drugorzędne), error (błędy), success (powodzenie), warning (ostrzeżenie) i neutral (tła, obramowania, tekst). Każdy kolor ma odcienie od 50 do 900. Na przykład, primary-500 to Twój główny niebieski, primary-100 to jasne tło, a primary-700 to wersja na hover. Dzięki temu masz gotową odpowiedź na pytanie "jakiego koloru użyć".
Dlaczego to ważne?
Chaotyczna paleta to jeden z najczęstszych problemów w projektach. Dobrze zbudowana paleta eliminuje "od-oka" i sprawia, że nowe ekrany są spójne z resztą produktu od razu.