Kolory marki, logo i typografia
Dostosuj każdy token wizualny portalu klienta za pomocą interaktywnego konfiguratora w zakładce Settings → White-Label.
Opcje personalizacji wizualnej
text
Settings → White-Label → Konfigurator wizualny (podgląd na żywo w czasie rzeczywistym)1. Logo i ikona favicon
- Logo dla trybu jasnego: Plik PNG lub SVG o wysokiej rozdzielczości z przezroczystym tłem, wyświetlany na jasnych tłach.
- Logo dla trybu ciemnego: Wariant o wysokim kontraście, wyświetlany w motywie Obsidian Dark.
- Favicon: Kwadratowy plik
.icolub.pngwyświetlany na karcie przeglądarki. - Wysokość i proporcje: Automatyczne skalowanie i normalizacja wysokości w nagłówkach paska bocznego i raportów.
2. Paleta kolorów i próbnik AI
- Kolor podstawowy (
--primary): Główne przyciski akcji, aktywne pigułki nawigacji i kluczowe wskaźniki. - Kolory drugorzędne i akcenty: Linie wykresów wieloserii, wykresy słupkowe i diagramy radarowe.
- Próbnik kolorów AI: Kliknij Extract from Logo, aby algorytm automatycznie dobrał zharmonizowaną paletę barw spełniającą kryteria kontrastu WCAG AA dla trybu jasnego i ciemnego.
3. Typografia i stylistyka przycisków
- Kroje nagłówków: Wybierz nowoczesną typografię (Montserrat, Inter, Plus Jakarta Sans, Poppins, Outfit).
- Kroje tekstu głównego i danych: Czytelne czcionki bezszeryfowe oraz fonty mono do liczb.
- Kształt przycisków: Zaokrąglenie narożników (Pigułka / Rounded 9999px, Standard / Rounded 12px lub Ostre / Rounded 4px).
Interaktywny podgląd na żywo
Prawa strona panelu White-Label zawiera interaktywny obszar testowy prezentujący:
- Stany najechania na przyciski w czasie rzeczywistym
- Przełącznik trybu jasnego i ciemnego
- Przykładowe kafelki Bento KPI i serie wykresów w wybranej kolorystyce
Kliknij Save Branding Changes, aby natychmiast wdrożyć zmiany we wszystkich portalach klientów i generatorach raportów.

