Paleta kolorów marki ze sprawdzeniem kontrastu

Zaproponuj paletę kolorów dla marki.
Branża i charakter marki: [CHARAKTER MARKI].
Kolor, który już mamy lub chcemy zachować: [KOLOR BAZOWY].
Gdzie paleta będzie używana: [ZASTOSOWANIA].

Przygotuj:
1. 2 warianty palety, każdy z: kolorem głównym, 1–2 akcentami, 3–4 neutralnymi (tła, tekst, obramowania), kolorami komunikatów (sukces, błąd, ostrzeżenie),
2. kody HEX i nazwę roboczą każdego koloru,
3. zasady użycia: który kolor na przyciski, tła, nagłówki, linki,
4. pary tekst/tło z oceną kontrastu według WCAG (AA dla zwykłego tekstu to co najmniej 4,5:1) – oznacz pary, których nie wolno używać do tekstu,
5. wersję ciemną (dark mode) dla lepszego wariantu.
Jeśli możesz, przelicz kontrast narzędziem do obliczeń, zamiast szacować.

Kiedy użyć tego promptu

Przy nowej stronie, odświeżeniu identyfikacji albo gdy kolory na stronie „jakoś do siebie nie pasują”. Ładna paleta to za mało – musi jeszcze dawać czytelny tekst. Jasnoszary tekst na białym tle czy żółty przycisk z białym napisem to częste problemy, które łatwo wyłapać na etapie palety.

Przykład

Przykładowe dane do uzupełnienia:

• CHARAKTER MARKI: biuro rachunkowe dla młodych firm – profesjonalnie, ale bez sztywności
• KOLOR BAZOWY: butelkowa zieleń #0F6B57
• ZASTOSOWANIA: strona internetowa, faktury PDF, social media

Czego się spodziewać: Dostaniesz np. paletę z zielenią jako kolorem głównym, ciepłym żółtym akcentem do wyróżnień (z zaznaczeniem, że nie nadaje się na tło dla białego tekstu), skalą szarości do tekstów i teł oraz tabelą kontrastu dla par typu „ciemny tekst na jasnym tle”.

Jak dopasować prompt do siebie

• Sklep internetowy: dodaj kolory dla promocji, cen i oznaczeń dostępności produktu.
• Prezentacje i raporty: poproś o 6–8 kolorów do wykresów, rozróżnialnych także dla osób z daltonizmem.
• Jedna marka, kilka produktów: poproś o wspólną bazę i różne kolory akcentowe dla każdego produktu.

Wskazówki

• Sprawdź kontrast w narzędziu (np. WebAIM Contrast Checker) – model może pomylić się w obliczeniach.
• Zapisz paletę jako zmienne CSS albo style w Canvie/Figmie, żeby wszyscy używali tych samych kodów.
• Obejrzyj kolory na kilku ekranach i na wydruku – mogą wyglądać różnie.

Najczęstsze błędy

• Wybór kolorów tylko „na oko”, bez sprawdzenia czytelności tekstu.
• Za dużo kolorów akcentowych – strona traci spójność, a ważne elementy przestają się wyróżniać.

Co dalej – dopytaj model

Gdy dostaniesz odpowiedź, możesz pójść krok dalej tym poleceniem:

Zamień lepszy wariant palety na zestaw zmiennych CSS (custom properties) dla trybu jasnego i ciemnego, z komentarzem przy każdej zmiennej.

Pomóż mi opisać styl graficzny marki [NAZWA MARKI] tak, żebym mógł doklejać go do każdego promptu w generatorze obrazów.

Marka: [OPIS MARKI]. Kolory: [KOLORY]. Nastrój: [NASTRÓJ].

Podaj:
1. jedną linię stylu po angielsku (do 40 słów) do doklejania na końcu promptów,
2. listę słów, których unikać, bo psują spójność,
3. 3 przykładowe prompty na różne tematy z tą linią stylu.

Przygotuj storyboard krótkiego filmu.
Cel filmu i gdzie będzie publikowany: [CEL I KANAŁ].
Długość: [DŁUGOŚĆ].
Główny przekaz: [PRZEKAZ].
Czym dysponuję (ludzie, miejsce, sprzęt, gotowe materiały): [ZASOBY].

Storyboard jako tabela:
- numer sceny i czas (od–do w sekundach),
- co widać (kadr: plan ogólny, zbliżenie, ekran komputera itp.),
- tekst mówiony lub lektor,
- napis na ekranie (do 7 słów),
- dźwięk lub muzyka.
Pierwsze 3 sekundy muszą zatrzymać przewijanie. Ostatnia scena: wezwanie do działania.
Na końcu: lista ujęć do nagrania w kolejności, która oszczędzi czas na planie.

Oceń ten projekt graficzny (wgrywam obrazek). Cel projektu: [CEL PROJEKTU]. Gdzie będzie użyty: [MIEJSCE UŻYCIA].

Oceń:
1. co odbiorca zobaczy najpierw, a co na końcu – czy tak powinno być,
2. czytelność tekstu, także w małym rozmiarze,
3. kontrast i dostępność,
4. czy wezwanie do działania jest jasne.

Na końcu podaj 3 konkretne poprawki w kolejności ważności. Pisz rzeczowo, bez ogólników typu „dodaj więcej życia”.