System tła — zestawienie finalne gradienty · szum N1 · kropki · hero · zasady — niżej: pomarańcz, kolor, przyciski ↓ · typografia po prawej →
G2 · Biel → czerń rdzeń · potrójne przejście · najmocniejszy
G5 · Łuk rdzeń · najbardziej rozpoznawalny · okładki, hero, social
G1 · Czerń → biel rdzeń · G2 odwrócony · z ciemnej sekcji w jasną
G3 · Czerń → kobalt zależnie od materiału
G4 · Biel → kobalt zależnie od materiału
Szum · N1 standard · N2 zapisana jako alternatywa
- N1: czerń i biel gradientu to dokładnie #000000 i #FFFFFF, więc sekcje, karty i kropki łączą się bez szwu.
- N2: wracamy do niej, jeśli N1 okaże się zbyt sterylny, np. w druku.
- Odrzucone: N0 (szary koniec, szew na bieli) i N3 (ziarno na całej stronie).
Kropki · neutralne na czerni biel 15 % ≈ #262626 · kwadrat 1,5 px co 20 px
Co mierzymy
Trzy pytania, na które odpowiada każdy raport
Kropki · neutralne na bieli czerń 9 % ≈ #E8E8E8 · kwadrat 1,5 px co 20 px
Metodologia
Pytania, modele i sposób liczenia widoczności
Kropki · kobaltowe na czerni ton gradientu ≈ #111B6A · tylko na ciemnym
Raporty
Turystyka w rekomendacjach AI
Hero · ciemne · kropki neutralne G5 łuk · biel 15 % · wygasają przed kolorem
Zobacz, jak AI widzi Twoją markę
PromptEye mierzy, jak często ChatGPT, Gemini, Perplexity i Claude polecają Twoją markę.
Hero · ciemne · kropki kobaltowe G5 łuk · kropki w tonie gradientu
Zobacz, jak AI widzi Twoją markę
PromptEye mierzy, jak często ChatGPT, Gemini, Perplexity i Claude polecają Twoją markę.
Hero · jasne · kropki neutralne G4 łuk · czerń 9 % · 1,5 px
Zobacz, jak AI widzi Twoją markę
PromptEye mierzy, jak często ChatGPT, Gemini, Perplexity i Claude polecają Twoją markę.
Zasady systemu tła wersja 1.0
Gradienty
- Rdzeń · G2, G5
- Najbardziej rozpoznawalne. Okładki, hero, social.
- Rdzeń · G1
- Odwrócony G2: przejście z ciemnej sekcji w jasną.
- Zależnie od materiału · G3, G4
- Gdy sekcja ma skończyć się kolorem zamiast czernią lub bielą.
- Jedno światło na kadr
- Tekst ciągły nigdy nie stoi na kolorze.
Szum
- N1 · standard
- Ziarno tylko w kolorze, znika na obu końcach. Każdy gradient zawsze z ziarnem.
- N2 · alternatywa zapisana
- Dłuższy, miękki zanik. Jeśli N1 okaże się zbyt sterylny.
- Odrzucone
- N0 (szew na bieli), N3 (ziarno na całej stronie), gradient CSS bez ziarna.
Kropki
- Tylko na czerni i bieli
- Wygasają płynnie, zanim wejdzie kolor. Bez losowości.
- Czerń
- Neutralne: biel 15 %, 1,5 px co 20 px. Albo kobaltowe w tonie gradientu.
- Biel
- Tylko neutralne: czerń 9 %, 1,5 px.
- Siatka
- Kwadrat 1,5 px co 20 px we wzorcu, w innych formatach skalowany (guidelines/uklad.html). Jeden typ kropek na kadr. Nigdy pod leadem, przyciskami, tabelami i wykresami.
Odrzucone
- Kropki
- Kobaltowe na bieli, malejące, rozpad, raster budujący gradient (G1b, G1c).
- Gradienty
- Pełny kobalt (G6), hero z krawędzi na całym kadrze (H1–H3).
- Do powrotu
- H1–H3 tylko jako akcent przy brzegu arkusza.
O · Pomarańcz w systemie kolor z logo · jeden na kadr
Pomarańcz
Kolor z logo nie wchodzi do gradientu. Jest punktem: jednym pełnym kwadratem, który wskazuje najważniejszą rzecz w kadrze.
Turystyka w AI
2 · Ostatnia kropka siatkiJedna kropka zmienia kolor tam, gdzie siatkę przykrywa światło. Wtedy tytuł jest bez kropki.
Lider
2.
3.
- Pełny kolorKropka po tytule to znak z fontu w kolorze #FD723A. Rysowane elementy (punkt motywu, znacznik lidera, punkt w przycisku) to koło. Nigdy gradient, poświata ani linia.
- Jeden na kadrLogo się nie liczy. Jeśli pomarańczowa jest kropka siatki, tytuł jest bez kropki.
- Na czerni lub bieliNigdy na kobaltowym środku przejścia. Dwa nasycone kolory obok siebie wibrują.
- Mało powierzchniPoniżej 1 % kadru. Działa, bo jest rzadki.