> **PromptEye Brand Book & Design Language** · Anatomia raportu · PL (wersja źródłowa) · stan 28.10.2026
> Strona dla ludzi: https://brand.prompteye.com/pl/anatomia-raportu/ · English: https://brand.prompteye.com/en/report-anatomy.md · indeks dla agentów: https://brand.prompteye.com/llms.txt
> Ścieżki plików są względne wobec https://brand.prompteye.com/ds/ (np. `tokens/colors.css` → https://brand.prompteye.com/ds/tokens/colors.css), odwołania do `*.md` wobec https://brand.prompteye.com/ds/docs/. Poza Claude Design zamiast `_ds_bundle.js` wczytaj `styles.css` i skrypty `js/pe-light.js`, `js/pe-pl.js`, `js/pe-raster.js`, `js/pe-motyw.js` (w tej kolejności).

# Anatomia raportu (wstępne wytyczne)

> **Status: wstępne wytyczne, w trakcie tworzenia.** Pierwszy pełny raport branżowy jest w przygotowaniu. Ten dokument opisuje to, co system ma dziś: szablony okładki, hero, otwarcia rozdziału i artykułu. Po ostylowaniu pierwszego raportu zostanie przepisany. Kolejność i układ części to przykład, nie obowiązujący wzór. Kolory, typografia, motyw, tabele i wykresy obowiązują w pełni (`kolor.md`, `typografia.md`, `motyw.md`, `dane.md`).

Raport branżowy to pomiar całej branży: które marki AI poleca w pytaniach zakupowych i jak to się zmienia w czasie. Jego najważniejszą treścią są tabele i wykresy (`dane.md`). Artykuł z raportu na blogu składa się z tych samych części.

## Części raportu

| Część | Z czego się składa | Wzór w systemie |
|---|---|---|
| Okładka | Hero G (`.ah.dk.gt.gt-k`, `data-pe-hero="g"`): ścieżka „Raport · miesiąc rok”, tytuł, lead, metadane (PromptEye, liczba rozdziałów, modeli AI i pozycji), przyciski `b1b` „Pobierz raport” i `b3` „Zobacz rozdziały” | `templates/okladka-raportu` |
| Otwarcie rozdziału | Pasek raportu `.rnav` (logo, nazwa raportu, spis treści, „Udostępnij rozdział”), zakładki podrozdziałów `.rtabs`, na motywie D: „Rozdział 05 z 12”, tytuł, lead i trzy liczby KPI `.kpis` | `templates/rozdzial-raportu` |
| Treść rozdziału | Na bieli (`.t2f.cx-l`): spis treści po lewej `.t2toc` z ramką pełnego raportu `.t2rb`, tekst w kolumnie `.t2art` | `templates/rozdzial-raportu`, `templates/artykul` |
| Najważniejsze wnioski | Ramka `.t2kt` na początku treści: trzy zdania, każde z liczbą | jw. |
| Rycina | Liderzy kategorii jako rycina liniowa: `.t2fig.fgm`, `data-pe-rycina` | `templates/artykul` |
| Tabele i wykresy | Figury `.t2fig`: sygnatura („Tabela 1 · Nad morze”), tytuł (wykres: wniosek; tabela: wniosek albo opis), miara i okres, stopka ze źródłem, próbą i adresem. Tabele składane z warstw, od minimalnej (T4) do złożonej (T3) | `dane.md`, `guidelines/dane.html` |
| Pytania i odpowiedzi | `.t2faq` | `templates/artykul` |
| Komentarze ekspertów | `data-pe-komentarze="raster"` | `komponenty.md` |
| CTA | `.t2end`, `data-pe-cta="raster"`, przycisk `b1a` | `komponenty.md` |
| Czytaj dalej, stopka | `.t2card`, `.t2ft` | `templates/artykul` |
| Grafiki do udostępnienia | B1 tabela 1080 × 1350, B2 wykres 1600 × 900, B3 wykres 1080 × 1080 | `dane.md`, `guidelines/typografia.html` |
| Partner | P1 wspólny nagłówek, P2 pasek raportu, P3 partner w stopce | `dane.md`, `guidelines/partner.html` |

## Co już obowiązuje

- Tytuł rozdziału to nazwa, więc jest **bez kropki** (`typografia.md`). Kadr otwarcia rozdziału ma punkt motywu, więc kropka i tak by się z nim gryzła (`motyw.md`).
- Tytuł wykresu to wniosek, tytuł tabeli to wniosek albo opis. Każda figura ma stopkę: źródło, próba (n), okres, adres (`dane.md`).
- Dane są liniowe, bez kropek motywu. Motyw tylko w okładce, hero, otwarciu rozdziału, komentarzach i CTA.
- Pomarańcz w danych oznacza wyłącznie lidera.
- Teksty według `marka.md`, tylko potwierdzone liczby.
- Tabele według warstw z `dane.md`: od minimalnej (T4) do złożonej (T3, z kolorowymi znakami modeli, logo podmiotu, mapą ciepła z przełącznikiem i wersją na telefon). Ta sama tabela złożona stoi w szablonach artykułu i otwarcia rozdziału.
- Ikony modeli AI w komórkach danych: sprite `assets/llm/sprite.svg` wklejony raz do strony (`dane.md`).

## Do ustalenia przy pierwszym raporcie

- Kolejność części w rozdziale i liczba figur na rozdział.
- Nawigacja między rozdziałami: pasek, zakładki, spis treści.
- Dobór liczb KPI w otwarciu rozdziału.
- Raport na telefonie (dziś są tylko artykuł i tabele na telefonie: `guidelines/typografia.html` A2, `guidelines/dane.html` T3 i T4).
- Układ wersji PDF do pobrania.

Zanim złożysz pełny raport według tego dokumentu, zapytaj zespół PromptEye, czy wytyczne nie zmieniły się po pierwszym raporcie.

## Szablony poza Claude Design

Szablony `templates/*/*.dc.html` działają w Claude Design. Poza nim weź HTML spomiędzy `<x-dc>` i `</x-dc>`, wpisz wartości `{{ … }}` z `renderVals()` (wariant D) i wczytaj `styles.css` oraz cztery skrypty jak w `00-start.md`. Ścieżki `../../assets/` prowadzą do `assets/`.