> **PromptEye Brand Book & Design Language** · Report anatomy · EN (translation of the Polish source; the Polish file wins on conflict) · state 28.10.2026
> For people: https://brand.prompteye.com/en/report-anatomy/ · Polish source: https://brand.prompteye.com/pl/anatomia-raportu.md · index for agents: https://brand.prompteye.com/llms.txt
> File paths are relative to https://brand.prompteye.com/ds/ (e.g. `tokens/colors.css` → https://brand.prompteye.com/ds/tokens/colors.css); `*.md` references resolve to https://brand.prompteye.com/ds/docs/en/ (translations) or https://brand.prompteye.com/ds/docs/ (Polish source). Outside Claude Design load `styles.css` and the scripts `js/pe-light.js`, `js/pe-pl.js`, `js/pe-raster.js`, `js/pe-motyw.js` (in this order) instead of `_ds_bundle.js`.

# Report anatomy (preliminary guidelines)

> **Status: preliminary guidelines, work in progress.** The first full industry report is being prepared. This document describes what the system has today: the cover, hero, chapter opening and article templates. It will be rewritten once the first report is styled. The order and layout of the parts are an example, not a binding pattern. Colours, typography, the motif, tables and charts apply in full (`kolor.md`, `typografia.md`, `motyw.md`, `dane.md`).

An industry report measures a whole industry: which brands AI recommends in buying questions and how that changes over time. Its most important content is tables and charts (`dane.md`). An article from the report on the blog is made of the same parts.

## Parts of a report

| Part | What it is made of | Pattern in the system |
|---|---|---|
| Cover | Hero G (`.ah.dk.gt.gt-k`, `data-pe-hero="g"`): breadcrumb “Report · month year”, title, lead, metadata (PromptEye, number of chapters, AI models and items), buttons `b1b` “Download the report” and `b3` “See chapters” | `templates/okladka-raportu` |
| Chapter opening | Report bar `.rnav` (logo, report name, table of contents, “Share the chapter”), subchapter tabs `.rtabs`, on motif D: “Chapter 05 of 12”, title, lead and three KPI numbers `.kpis` | `templates/rozdzial-raportu` |
| Chapter body | On white (`.t2f.cx-l`): table of contents on the left `.t2toc` with the full-report box `.t2rb`, text in a column `.t2art` | `templates/rozdzial-raportu`, `templates/artykul` |
| Key findings | The `.t2kt` box at the start of the body: three sentences, each with a number | as above |
| Figure | Category leaders as a linear figure: `.t2fig.fgm`, `data-pe-rycina` | `templates/artykul` |
| Tables and charts | `.t2fig` figures: label (“Table 1 · Seaside”), a title (chart: a conclusion; table: a conclusion or a description), measure and period, a footer with source, sample and address. Tables built from layers, from minimal (T4) to complex (T3) | `dane.md`, `guidelines/dane.html` |
| Questions and answers | `.t2faq` | `templates/artykul` |
| Expert comments | `data-pe-komentarze="raster"` | `komponenty.md` |
| CTA | `.t2end`, `data-pe-cta="raster"`, button `b1a` | `komponenty.md` |
| Read next, footer | `.t2card`, `.t2ft` | `templates/artykul` |
| Shareable graphics | B1 table 1080 × 1350, B2 chart 1600 × 900, B3 chart 1080 × 1080 | `dane.md`, `guidelines/typografia.html` |
| Partner | P1 shared header, P2 report bar, P3 partner in the footer | `dane.md`, `guidelines/partner.html` |

## What already applies

- A chapter title is a name, so it has **no dot** (`typografia.md`). The chapter opening frame has the motif point, so a dot would clash with it anyway (`motyw.md`).
- The title of a chart is a conclusion, the title of a table a conclusion or a description. Every figure has a footer: source, sample (n), period, address (`dane.md`).
- Data is linear, without motif dots. The motif only in the cover, hero, chapter opening, comments and CTA.
- Orange in data marks only the leader.
- Copy follows `marka.md`, only confirmed numbers.
- Tables follow the layers in `dane.md`: from minimal (T4) to complex (T3, with colour model marks, the entity logo, a heat map with a switch and a phone version). The same complex table stands in the article and chapter opening templates.
- AI model icons in data cells: the sprite `assets/llm/sprite.svg` pasted into the page once (`dane.md`).

## To be decided with the first report

- The order of parts in a chapter and the number of figures per chapter.
- Navigation between chapters: bar, tabs, table of contents.
- The choice of KPI numbers in the chapter opening.
- The report on a phone (today there are only the article and the tables on a phone: `guidelines/typografia.html` A2, `guidelines/dane.html` T3 and T4).
- The layout of the downloadable PDF.

Before you build a full report from this document, ask the PromptEye team whether the guidelines changed after the first report.

## Templates outside Claude Design

The templates `templates/*/*.dc.html` work in Claude Design. Outside it, take the HTML between `<x-dc>` and `</x-dc>`, fill in the `{{ … }}` values from `renderVals()` (variant D) and load `styles.css` and the four scripts as in `00-start.md`. The `../../assets/` paths lead to `assets/`.