Tylko Super Administratorzy i Administratorzy mogą uzyskiwać dostęp do ustawień wyglądu i je modyfikować. Jeśli nie widzisz tej opcji w sekcji Workspace Config, poproś Super Administratora o przegląd Twojej roli.
Dostęp do ustawień wyglądu
Dostosowanie każdego elementu wizualnego
Kolor główny
Kolor główny jest stosowany do przycisków, aktywnych linków, stanów podświetlenia i kluczowych elementów interfejsu w całej platformie.- Wybierz kolor odzwierciedlający podstawową tożsamość marki.
- To najbardziej wpływowe ustawienie kolorów, ponieważ pojawia się wszędzie w interfejsie.
Kolor tła paska bocznego
Tło paska bocznego ustawia bazowy odcień lewego panelu nawigacji.- Używaj koloru, który tworzy wyraźne wizualne oddzielenie między paskiem bocznym a głównym obszarem treści.
- Ciemne tła z jasnym tekstem zazwyczaj sprawdzają się najlepiej pod względem czytelności.
Kolor tekstu paska bocznego
Kolor tekstu paska bocznego kontroluje kolor etykiet wszystkich elementów nawigacji w lewym menu.- Zawsze wybieraj kolor o silnym kontraście w stosunku do koloru tła paska bocznego.
- Słaby kontrast utrudnia odczytanie linków i zmniejsza dostępność.
Kolor tła najechania na pasku bocznym
Ten kolor pojawia się jako podświetlenie tła, gdy użytkownik przesuwa kursor nad element nawigacji paska bocznego.- Sygnalizuje interaktywność i pomaga użytkownikom zrozumieć, który element zaraz klikną.
- Wybierz kolor wyraźnie różniący się zarówno od domyślnego tła paska bocznego, jak i od koloru aktywnego elementu.
Stosowanie wybranych kolorów
Otwórz próbnik kolorów dla każdego pola
Kliknij próbkę koloru obok dowolnego z czterech pól wyglądu — Kolor główny, Tło paska bocznego, Kolor tekstu paska bocznego lub Kolor tła najechania na pasku bocznym — aby otworzyć próbnik kolorów.
Wpisz kod hex lub wybierz kolor
Wpisz dokładny kod hex marki (np.
#3B5BDB) bezpośrednio w polu wejściowym lub użyj wizualnego próbnika, aby wybrać odcień.Podejrzyj zmiany
Sprawdź, jak zaktualizowane kolory wyglądają na pasku bocznym i w całym interfejsie przed zapisaniem.
Przywracanie domyślnego motywu
Jeśli chcesz usunąć cały niestandardowy branding i przywrócić oryginalny schemat kolorów AgencyHandy, kliknij przycisk Reset Default Settings na stronie Wygląd.Najlepsze praktyki dotyczące kontrastu kolorów
Dobry kontrast kolorów to nie tylko kwestia preferencji projektowych — bezpośrednio wpływa na czytelność i dostępność dla Twojego zespołu i klientów.Dąż do współczynników kontrastu WCAG AA
W przypadku zwykłego tekstu używaj współczynnika kontrastu co najmniej 4,5:1 między tekstem a tłem. W przypadku dużego tekstu lub ikon akceptowalny jest współczynnik 3:1. Użyj narzędzia takiego jak WebAIM Contrast Checker, aby to zweryfikować.
Unikaj kombinacji o niskim kontraście
Nie łącz kolorów takich jak jasny szary tekst na białym tle lub żółty tekst na białym — nie spełniają one standardów dostępności i męczą oczy podczas długich sesji.
Testuj stany najechania celowo
Kolory najechania powinny być wyraźnie różne zarówno od stanu spoczynkowego, jak i aktywnego. Jeśli wyglądają tak samo, użytkownicy tracą ważną informację zwrotną wizualną.
Zachowaj spójność z marką
Używaj tego samego koloru głównego tutaj co na stronie internetowej, propozycjach i fakturach. Spójność buduje rozpoznawalność i profesjonalizm w każdym punkcie kontaktu z klientem.
Ważne informacje
- Natychmiastowy efekt globalny: Wszystkie zapisane zmiany wyglądu są stosowane natychmiast w całym workspace. Każdy zalogowany użytkownik widzi aktualizację przy następnej akcji nawigacji.
- Jeden aktywny motyw: Nie ma obsługi wielu motywów — jeden zestaw kolorów dotyczy całego workspace dla wszystkich ról.
- Ograniczenie ról: Tylko Super Administratorzy i Administratorzy mogą wprowadzać zmiany wyglądu. Zwykli członkowie zespołu i klienci nie mogą modyfikować kolorów.
- Reset jest trwały: Przycisku Reset Default Settings nie można cofnąć, więc używaj go tylko wtedy, gdy celowo chcesz usunąć wszystkie niestandardowe kolory.