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 |
Live templates
Today’s report templates from the system. They show the direction, not a finished layout. A chapter body composed from start to finish is in the article from a report: the Typography chapter. Tables, charts and partners have their own chapters: Tables, Charts, Co-branded reports.
Cover: hero G with grain, breadcrumb, title, lead, metadata and two buttons.
In the system: templates/okladka-raportu/OkladkaRaportu.dc.html
Chapter opening: report bar, tabs, KPIs on motif D, then findings, text and a table on white.
Scroll inside the frame to see all of it. In the system: templates/rozdzial-raportu/RozdzialRaportu.dc.html
The examples come straight from the system’s reference sheets, so their sample data is in Polish.
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.svgpasted 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.htmlA2,guidelines/dane.htmlT3 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/.