Kolorystyka
Szkoła Podstawowa nr 128 w KrakowieKolory marki należy stosować konsekwentnie, ale sposób ich odwzorowania zależy od medium. Inaczej definiuje się kolor na ekranie, inaczej w druku procesowym, a jeszcze inaczej przy użyciu farb dodatkowych Pantone.
Kolory marki
Hierarchia SP128 jest jednoznaczna: Brand Red prowadzi, a Brand Blue pełni rolę uzupełniającą.
Brand Red
#DB0909
Rola: podstawowy kolor marki SP128
RGB: 219 / 9 / 9
OKLCH: oklch(56.2% 0.227 28.9)
Druk: Pantone 485 C — kolor referencyjny
Zastosowanie: identyfikacja, duże akcenty, grafika i wybrane powierzchnie marki.
Brand Blue
#0093DB
Rola: kolor uzupełniający i łącznik z ZSO9
RGB: 0 / 147 / 219
OKLCH: oklch(63.4% 0.148 241.2)
Druk: Pantone 2925 C — kolor referencyjny
Zastosowanie: akcenty uzupełniające, grafika i elementy wspólne ZSO9.
Kolory cyfrowe i interakcje
Koloru marki nie należy automatycznie traktować jako koloru każdego elementu interaktywnego. Dla przycisków, linków i stanów hover stosujemy ciemniejsze odcienie zapewniające odpowiedni kontrast.
Red 600
#BE130E
Podstawowe interakcje
Przyciski i ważne elementy interfejsu. Kontrast z bielą: około 6,39:1 — AA.
Red 700
#9A130D
Hover i linki
Stan aktywny, hover oraz link tekstowy. Kontrast z bielą: około 8,49:1 — AAA.
Blue 600
#037DBB
Akcent uzupełniający
Elementy drugorzędne i komunikacja związana ze wspólnym systemem ZSO9.
Kolory neutralne
Neutralne powierzchnie i tekst zachowują czytelność oraz ograniczają konkurencję między czerwonymi i niebieskimi akcentami.
White
#FFFFFF
Neutral 50
#F7F9FA
Neutral 200
#E0E5E9
Neutral 800
#262C31
Zastosowania drukowane
Wartości HEX, RGB i OKLCH są referencją dla zastosowań cyfrowych. W druku należy korzystać z właściwego profilu ICC albo z farb dodatkowych Pantone.
Nie należy traktować prostego matematycznego przeliczenia RGB na CMYK jako jednej uniwersalnej wartości. Wynik zależy od papieru, technologii druku i profilu drukarni; przy materiałach reprezentacyjnych potrzebna jest próba kolorystyczna.
Znaczenie kolorów
Brand Red jest kolorem marki SP128, ale nie oznacza automatycznie błędu lub zagrożenia. W komunikatach znaczenie powinno wynikać również z treści, ikony i nagłówka.
Czerwieni nie używamy jako przypadkowej dekoracji ani dominującego tła wielu sąsiadujących sekcji. Brand Blue pozostaje świadomym kolorem uzupełniającym.
