{
  "source": "tests/fixtures/audit-slop-card.html",
  "score": 14,
  "verdict": "Pure default output",
  "hits": [
    {
      "indicator": "Instrument Serif",
      "layer": "Type",
      "evidence": [
        {
          "location": ".slop h5 (line 18)",
          "detail": "font-family: \"Instrument Serif\",Georgia,serif"
        },
        {
          "location": "Google Fonts stylesheet",
          "detail": "loads Instrument Serif: https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@500;700;800&family=JetBrains+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap"
        }
      ],
      "fix_ids": [
        5
      ]
    },
    {
      "indicator": "Excessive italics",
      "layer": "Type",
      "evidence": [
        {
          "location": "<h5> (line 32)",
          "detail": "\"Plans first. Acts second.\" with \"first second\" in italics"
        }
      ],
      "fix_ids": [
        3
      ]
    },
    {
      "indicator": "Excessive mono fonts",
      "layer": "Type",
      "evidence": [
        {
          "location": ".slop .eb (line 16)",
          "detail": "font-family: \"JetBrains Mono\", ui-monospace, Menlo, Consolas, monospace at 11px"
        },
        {
          "location": ".slop .crumb (line 22)",
          "detail": "font-family: \"JetBrains Mono\", ui-monospace, Menlo, Consolas, monospace at 12px"
        }
      ],
      "fix_ids": [
        4
      ]
    },
    {
      "indicator": "ALL CAPS subtitles",
      "layer": "Type",
      "evidence": [
        {
          "location": "<div class=\"sub\"> (line 33)",
          "detail": "\"INTELLIGENT · AUTONOMOUS · SAFE\""
        }
      ],
      "fix_ids": [
        2
      ]
    },
    {
      "indicator": "Periods in titles",
      "layer": "Type",
      "evidence": [
        {
          "location": "<h5> (line 32)",
          "detail": "\"Plans first. Acts second.\""
        }
      ],
      "fix_ids": [
        9,
        16
      ]
    },
    {
      "indicator": "Gradient backgrounds",
      "layer": "Surface",
      "evidence": [
        {
          "location": ".slop (line 14)",
          "detail": "background: linear-gradient(135deg,#6E4CF5 0%,#3B82F6 55%,#22D3EE 100%) (purple to blue)"
        }
      ],
      "fix_ids": [
        5,
        11
      ]
    },
    {
      "indicator": "Color shades and opacities",
      "layer": "Surface",
      "evidence": [
        {
          "location": ".slop .box (line 15)",
          "detail": "border: rgba(255,255,255,.28) (one of 8 alphas of rgb(255, 255, 255))"
        },
        {
          "location": ".slop .box (line 15)",
          "detail": "background: rgba(255,255,255,.08) (one of 8 alphas of rgb(255, 255, 255))"
        },
        {
          "location": ".slop .eb (line 16)",
          "detail": "color: rgba(255,255,255,.7) (one of 8 alphas of rgb(255, 255, 255))"
        },
        {
          "location": ".slop .pill (line 17)",
          "detail": "background: rgba(255,255,255,.18) (one of 8 alphas of rgb(255, 255, 255))"
        },
        {
          "location": ".slop .pill (line 17)",
          "detail": "border: rgba(255,255,255,.3) (one of 8 alphas of rgb(255, 255, 255))"
        },
        {
          "location": ".slop hr (line 21)",
          "detail": "border-top: rgba(255,255,255,.25) (one of 8 alphas of rgb(255, 255, 255))"
        },
        {
          "location": ".slop .ctas span (line 25)",
          "detail": "border: rgba(255,255,255,.35) (one of 8 alphas of rgb(255, 255, 255))"
        },
        {
          "location": ".slop .ctas span (line 25)",
          "detail": "background: rgba(255,255,255,.12) (one of 8 alphas of rgb(255, 255, 255))"
        }
      ],
      "fix_ids": [
        5,
        11,
        15
      ]
    },
    {
      "indicator": "Containers with borders",
      "layer": "Surface",
      "evidence": [
        {
          "location": ".slop .box (line 15)",
          "detail": "border: 1px solid rgba(255,255,255,.28)"
        },
        {
          "location": ".slop .pill (line 17)",
          "detail": "border: 1px solid rgba(255,255,255,.3)"
        },
        {
          "location": ".slop .ctas span (line 25)",
          "detail": "border: 1px solid rgba(255,255,255,.35)"
        },
        {
          "location": "<span class=\"pill\"> (line 31)",
          "detail": "bordered box inside bordered <div class=\"box\"> (line 30)"
        },
        {
          "location": "<span> (line 38)",
          "detail": "bordered box inside bordered <div class=\"box\"> (line 30)"
        }
      ],
      "fix_ids": [
        8
      ]
    },
    {
      "indicator": "Overusing dividers",
      "layer": "Surface",
      "evidence": [
        {
          "location": "<hr> (line 34)",
          "detail": "<hr>"
        },
        {
          "location": "<hr> (line 37)",
          "detail": "<hr>"
        }
      ],
      "fix_ids": [
        8
      ]
    },
    {
      "indicator": "Tags and pills",
      "layer": "Structure",
      "evidence": [
        {
          "location": "<span class=\"pill\"> (line 31)",
          "detail": "\"NEW\""
        }
      ],
      "fix_ids": [
        1
      ]
    },
    {
      "indicator": "Eyebrows",
      "layer": "Structure",
      "evidence": [
        {
          "location": "<div class=\"eb\"> (line 31)",
          "detail": "\"02 · PLANNEW\" above \"Plans first. Acts second.\""
        }
      ],
      "fix_ids": [
        2
      ]
    },
    {
      "indicator": "Section numbering",
      "layer": "Structure",
      "evidence": [
        {
          "location": "<div class=\"eb\"> (line 31)",
          "detail": "\"02 · PLAN\""
        }
      ],
      "fix_ids": [
        2
      ]
    },
    {
      "indicator": "Code breadcrumbs",
      "layer": "Structure",
      "evidence": [
        {
          "location": "<div class=\"crumb\"> (line 35)",
          "detail": "\"src/auth/refresh.py → tests/auth/ ← 3 relevant\""
        }
      ],
      "fix_ids": [
        4,
        6
      ]
    },
    {
      "indicator": "Verbose, redundant text",
      "layer": "Content",
      "evidence": [
        {
          "location": "<p class=\"copy\"> (line 36)",
          "detail": "\"powerful\" in \"Our powerful AI-driven planning engine lets you seamlessly see the plan before any changes are ma...\""
        },
        {
          "location": "<p class=\"copy\"> (line 36)",
          "detail": "\"AI-driven\" in \"Our powerful AI-driven planning engine lets you seamlessly see the plan before any changes are ma...\""
        },
        {
          "location": "<p class=\"copy\"> (line 36)",
          "detail": "\"seamlessly\" in \"Our powerful AI-driven planning engine lets you seamlessly see the plan before any changes are ma...\""
        },
        {
          "location": "<p class=\"copy\"> (line 36)",
          "detail": "\"empowering\" in \"Our powerful AI-driven planning engine lets you seamlessly see the plan before any changes are ma...\""
        }
      ],
      "fix_ids": [
        9,
        2
      ]
    }
  ],
  "fixes_first": [
    "Delete filler badges",
    "Drop redundant labels",
    "Unitalicize random words",
    "Mono only where needed",
    "Make headlines specific",
    "Show the actual product",
    "Group with spacing",
    "Use a design system",
    "Add an accent colour",
    "Improve text contrast",
    "Wrap headlines properly"
  ]
}
