Skip to content

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 .ico lub .png wyś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.

Creative Science Lab dla agencji i marek