Motywy i branding

Wygląd scorecardy składa się z dwóch niezależnych warstw.

Motyw określa jej charakter: typografię, zaokrąglenie rogów, cienie, fakturę i animację. Paleta marki ustala barwy. Wybór motywu nie ogranicza palety kolorów, a zmiana palety nie modyfikuje krojów pisma — wybierz motyw dopasowany do odbiorców, a następnie dostosuj barwy do swojej marki.

Cztery motywy

default

Neutralny, systemowy krój bezszeryfowy, umiarkowane zaokrąglenia i tradycyjne cienie kart. Subtelny i niewymuszony styl.

Zalecany, gdy scorecarda jest osadzana w istniejącej witrynie i nie powinna gryźć się z jej otoczeniem, lub gdy to Twoja paleta barw gra główną rolę.

playground

Radosny i wyrazisty. Kroje Nunito i Quicksand, obfite zaokrąglenia, rozmyte emoji unoszące się w tle i sprężyste animacje.

Odpowiedni dla odbiorców indywidualnych (B2C), niezobowiązujących samoocen i treści tworzonych z myślą o udostępnianiu w mediach społecznościowych. To domyślny motyw nowej scorecardy.

Unikaj go przy poważnych zagadnieniach — finanse, zdrowie, zarządzanie ryzykiem czy redukcje etatów — gdzie beztroski ton byłby niestosowny.

obsidian

Wydawniczy i prestiżowy. Nagłówki w kroju Instrument Serif nad tekstem głównym w DM Sans, karty z efektem szkła (glassmorphism), delikatne ziarno i powściągliwy ruch.

Znakomity do diagnoz dla kadry zarządzającej, firm doradczych i usług B2B z wysokiej półki — wszędzie tam, gdzie czytelnik ocenia, czy warto poświęcić Ci swój cenny czas.

Niewskazany dla środowisk inżynierskich i czysto technicznych, nieprzepadających za estetyką folderów reklamowych.

brutalist

Surowy i kontrastowy. Czcionki Space Mono i JetBrains Mono, ostre krawędzie bez zaokrągleń, twarde czarne cienie z przesunięciem, jaskrawozielony akcent i błyskawiczne przejścia.

Idealny dla narzędzi deweloperskich, audytów bezpieczeństwa i infrastruktury oraz agencji z wyrazistym profilem wizualnym — grup odbiorców utożsamiających stałą szerokość znaków z rzetelnością merytoryczną.

Unikaj go, gdy kluczowe jest ścisłe zachowanie kolorów korporacyjnych: ten motyw narzuca własne powierzchnie kart i akcenty.

Jak dokonać wyboru

Zastanów się, co respondent robił na trzydzieści sekund przed wejściem na Twoją scorecardę i co zrobi trzydzieści sekund po jej zakończeniu. Dyrektor techniczny oceniający firmę doradczą i marketer klikający w post na LinkedInie oczekują zupełnie innego klimatu.

W razie wahania wybierz spokojniejszy wariant. To pytania tworzą wartość, nie dekoracje.

Dostępność motywów w planach

Dostępność motywów zależy od posiadanego planu subskrypcji. Próba ustawienia motywu niedostępnego w danym planie zostanie zablokowana z informacją o przysługujących opcjach. Asystent AI korzystający z scorecard_design_guide wie, które motywy są aktywne na Twoim koncie i nie zaproponuje opcji zablokowanych.

Paleta marki

Dziesięć kolorów zdefiniowanych w formacie szesnastkowym (HEX):

Klucz	Zastosowanie
primary	Przyciski, pasek postępu, główny akcent prowadzący
primaryForeground	Tekst i ikony umieszczone na tle primary
accent	Punktowe wyróżnienia
background / backgroundDark	Główne tło strony
surface / surfaceDark	Karty i panele
text / textDark	Tekst główny
muted	Podpisy i teksty pomocnicze

Wartości *Dark stosowane są w trybie ciemnym. Określ je celowo, zamiast polegać na automatycznym odwróceniu barw jasnych, co zazwyczaj daje przybrudzony odcień.

Kluczowy test czytelności: upewnij się, że primaryForeground jest w pełni czytelny na tle primary, a text na tle background, w standardowym rozmiarze czcionki.

Konfiguracja

W panelu administracyjnym oba ustawienia znajdują się na ekranie edycji scorecardy.

Za pośrednictwem asystenta AI konfiguracja odbywa się przez update_scorecard_config:

{
  "slug": "leadership-check",
  "theme": "obsidian",
  "branding": {
    "colors": { "primary": "#2563eb", "primaryForeground": "#ffffff" }
  }
}

Poproś następnie o previewUrl — każdy szkic generuje taki link, pozwalając ocenić realny wygląd przed upublicznieniem. Polecenie MCP choose_theme prowadzi przez ten dobór w formie asystowanej rozmowy.