renderreportv0.7.0renderreport.casoon.de

← All examples

Same request, brand theme

The health check request plus a theme block that overrides seven tokens: primary and status colours, and the page margin. No component data changed.

Same request, brand theme

examples/requests/health-check-themed.json
{
  "template_id": "default",
  "title": "Website Health Check",
  "subtitle": "Same request, brand theme from the JSON",
  "metadata": {
    "date": "2026-10-12",
    "author": "Web Team"
  },
  "theme": {
    "id": "brand",
    "name": "Brand",
    "tokens": {
      "color.primary": "#0F766E",
      "color.ok": "#15803D",
      "color.warn": "#B45309",
      "color.info": "#0F766E",
      "color.info-soft": "#ECFDF5",
      "color.accent-soft": "#ECFDF5",
      "page.margin": "22mm"
    }
  },
  "components": [
    {
      "type": "section",
      "data": {
        "title": "Summary",
        "level": 1
      }
    },
    {
      "type": "grid-component",
      "data": {
        "columns": 3,
        "items": [
          {
            "content": {
              "type": "score-card",
              "data": {
                "title": "Performance",
                "score": 78,
                "description": "Lighthouse, mobile"
              }
            }
          },
          {
            "content": {
              "type": "score-card",
              "data": {
                "title": "Accessibility",
                "score": 91,
                "description": "axe, 42 pages"
              }
            }
          },
          {
            "content": {
              "type": "score-card",
              "data": {
                "title": "SEO",
                "score": 64,
                "description": "Crawl of 1,280 URLs",
                "good_threshold": 80,
                "warn_threshold": 60
              }
            }
          }
        ]
      }
    },
    {
      "type": "progress-bar",
      "data": {
        "label": "Home: pages passing Core Web Vitals",
        "value": 96.0
      }
    },
    {
      "type": "progress-bar",
      "data": {
        "label": "Product: pages passing Core Web Vitals",
        "value": 88.0
      }
    },
    {
      "type": "progress-bar",
      "data": {
        "label": "Checkout: pages passing Core Web Vitals",
        "value": 81.0
      }
    },
    {
      "type": "progress-bar",
      "data": {
        "label": "Category: pages passing Core Web Vitals",
        "value": 54.0
      }
    },
    {
      "type": "section",
      "data": {
        "title": "Findings",
        "level": 1
      }
    },
    {
      "type": "finding",
      "data": {
        "title": "Category pages load hero images without size hints",
        "severity": "high",
        "description": "Images on category pages have no width and height, so the layout shifts while they load.",
        "recommendation": "Set width and height on every hero image and serve them as AVIF.",
        "category": "Performance"
      }
    },
    {
      "type": "finding",
      "data": {
        "title": "212 URLs return a redirect chain",
        "severity": "medium",
        "description": "Old product URLs redirect twice before reaching the current page.",
        "recommendation": "Point each old URL directly at its final target.",
        "category": "SEO"
      }
    },
    {
      "type": "callout",
      "data": {
        "variant": "info",
        "title": "About this report",
        "content": "Generated with the renderreport CLI from examples/requests/health-check-themed.json: the health check request plus a theme block."
      }
    }
  ]
}

This browser does not show PDFs inline. Use the links below.

Open health-check-themed.pdf · Download health-check-themed.pdf (35 KiB)

  • CLI
  • theme tokens