Example study: the bespoke study layout • a[7]t

This page is a template. It is not listed on /studies/ and not indexed by search; it exists so the layout can be seen end to end. To start a real study, copy this file to _studies/<slug>.md, add a card to _data/studies.yml, and delete pagefind: false. The producing playbooks live in _internal/press-studies/.

A headline finding, then a chart

Lead with the number, then show the shape of it. The figure below is a themed Chart.js bar chart; it re-colors itself when the reader flips light/dark.

<canvas class="study-chart" aria-label="AI mentions by role category"></canvas>
<script type="application/json" class="study-chart-config">
  { "type": "bar",
    "suffix": "%",
    "labels": ["Admin", "Bookkeeping", "Marketing", "Sales", "Support", "Social"],
    "datasets": [{ "label": "Ads naming an AI tool", "data": [0.4, 0.6, 2.1, 1.2, 0.8, 3.4] }] }
</script>

Share of job ads naming an AI tool, by role category. Source: our scrape of 956 UK listings.</figcaption> </figure>

How the claims break down

A doughnut reads well for a part-to-whole split. Colors come from the brand palette automatically; you only write labels and numbers.

<canvas class="study-chart" aria-label="How AI is referenced"></canvas>
<script type="application/json" class="study-chart-config">
  { "type": "doughnut",
    "labels": ["No mention", "Vague claim", "Names an external API", "On-device signal"],
    "datasets": [{ "label": "Listings", "data": [88, 7, 4, 1] }] }
</script>

How the 956 listings reference AI, if at all.</figcaption> </figure>

The method, as a diagram

The React Flow diagram below is the seven-step method, embedded the same way the project pages embed theirs: a Vite app in _graphics/study-method/, built to assets/studies/method/flow/, shown in an iframe.

From gap to distribution. Each study can ship its own diagram under assets/studies/<slug>/flow/.</figcaption> </div>

Methodology

State what you scraped, how you classified it, and where a skeptic could push back. The raw-data download button under this section appears whenever the front matter sets raw_data.