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 |
Szablony na żywo
Dzisiejsze szablony raportu z systemu. Pokazują kierunek, nie gotowy układ. Treść rozdziału złożoną od początku do końca zobaczysz w artykule z raportu: rozdział Typografia. Tabele, wykresy i partner mają własne rozdziały: Tabele, Wykresy, Raport z partnerem.
Okładka: hero G z ziarnem, ścieżka, tytuł, lead, metadane i dwa przyciski.
W systemie: templates/okladka-raportu/OkladkaRaportu.dc.html
Otwarcie rozdziału: pasek raportu, zakładki, KPI na motywie D, potem wnioski, tekst i tabela na bieli.
Przewijaj w ramce, żeby zobaczyć całość. W systemie: templates/rozdzial-raportu/RozdzialRaportu.dc.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.svgwklejony 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.htmlA2,guidelines/dane.htmlT3 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/.