Skip to content

Latest commit

 

History

History
132 lines (90 loc) · 2.77 KB

File metadata and controls

132 lines (90 loc) · 2.77 KB

🎨 Paleta kolorów vsqool

Oficjalne kolory marki vsqool z wartościami HEX, RGB i CMYK.

Uwaga: wartości HEX poniżej są placeholderami opartymi o logo. Przed wykorzystaniem do druku lub kluczowych materiałów — potwierdź dokładne wartości CMYK z osobą odpowiedzialną za brand.


Kolor podstawowy — Cyan

Główny kolor marki. Pojawia się w logo i jako akcent na stronie.

 

vsqool Cyan

Format Wartość
HEX #00B7D4
RGB 0, 183, 212
CMYK 100, 14, 0, 17
Pantone 2202 C (do potwierdzenia)

Zastosowanie: logo, akcenty, CTA, wykresy danych


Kolory uzupełniające

Czerń

 

vsqool Black

Format Wartość
HEX #0A0A0A
RGB 10, 10, 10
CMYK 0, 0, 0, 96

Zastosowanie: tekst podstawowy, tło na ciemnych wersjach

Biel

 

vsqool White

Format Wartość
HEX #FFFFFF
RGB 255, 255, 255
CMYK 0, 0, 0, 0

Zastosowanie: tła, kontrast pod logo

Szary (UI)

 

vsqool Gray

Format Wartość
HEX #6B7280
RGB 107, 114, 128
CMYK 16, 11, 0, 50

Zastosowanie: tekst pomocniczy, subtelne separatory, wyłączone elementy


Kolory akcentowe (opcjonalne, do wykresów)

Używaj tylko jeśli musisz pokazać wiele serii danych obok siebie. W większości przypadków sam Cyan + szarości wystarczają.

Nazwa HEX Zastosowanie
Success Green #10B981 Sukces, pozytywny trend, zielone wskaźniki
Warning Amber #F59E0B Ostrzeżenia, uwaga
Danger Red #EF4444 Błędy, negatywny trend
Info Blue #3B82F6 Informacje, neutralna treść

Zasady użycia

Cyan to główny kolor — używaj go z umiarem, jako akcent, nie jako dominanta
Tekst zawsze w #0A0A0A na białym lub w bieli na ciemnym tle (kontrast WCAG AA min.)
Na materiałach drukowanych — używaj wartości CMYK, nie HEX

Nie zmieniaj odcienia Cyan — np. nie używaj jaśniejszego/ciemniejszego błękitu zamiast #00B7D4
Nie łącz Cyana z konkurencyjnymi kolorami akcentu (czerwony, pomarańczowy) na tym samym ekranie


Pliki źródłowe

  • 🎨 Adobe Swatch (.ase) — do dodania
  • 🎨 Sketch palette — do dodania
  • 🎨 Figma library — do dodania

← powrót do README