Skip to content

Kolorystyka

Signalist pozwala na dostosowanie kolorystyki aplikacji do brandingu Twojej firmy. W celu ich zmiany, należy skontaktować się z zespołem Retoric przed instalacją oprogramowania.

Kolory muszą zostać zdefiniowane w formacie Kolory zostaną sprawdzone pod kątem kontrastu i czytelności, aby zapewnić zgodność ze standardem WCAG 2.1 - więcej informacji na temat standardu WCAG 2.1 znajdziesz w poradniku dostępności cyfrowej.

Konfigurowalne kolory

Poniżej znajduje się lista kolorów, które można dostosować w aplikacji.

Kolor główny (aktywny i nieaktywny)

Kolor główny wykorzystywany jest w różnych miejscach aplikacji, takich jak:

  • przyciski (aktywny i nieaktywny)
  • ramki pól formularza (nieaktywny)
  • ikony (nieaktywny)
  • pola typu checkbox i radio (nieaktywny)

Dodatkowo, kolor występuje w dwóch wariantach: aktywnym i nieaktywnym. Kolor nieaktywny jest wykorzystywany, gdy nie występuje interakcja użytkownika z elementem np. najechanie na przycisk. Natomiast kolor aktywny jest wykorzystywany, gdy użytkownik najedzie na lub aktywuje przycisk. Poniższe zrzuty ekranu przedstawiają obydwa kolory.

Przykład kolor przycisków Kolory aktywne i nieaktywny - przyciski

Przykład koloru pozostałych elementów Kolor nieaktywny - inne elementy

Kolor tła (nawigacja)

Tło górnej nawigacji może mieć jednolity kolor lub gradient. Poniższy obrazek przedstawia przykład z wykorzystaniem gradientu. W przypadku wykorzystania gradientu, należy podać dwa kolory zaznaczone strzałkami na poniższym zrzucie ekranu.

Przykład gradient tła nawigacji Kolor tła nawigacji - gradient