Brand-Standards Auditor & conformance report
Paste or upload any Slate build.css and grade it on two axes: a Brand Grade (the brand laws — colour = interaction, no gold/green on the web, WCAG AA legibility, tokenised colour) and a Lean Score (cost to applicants — estimated gzip weight, slow-3G load, render-cost selectors; the leaner = greener equity axis). A shareable quick-check for any instance; the canonical gate is npm run slate:scorecard.
1 · Your stylesheet
Nothing leaves your browser — the audit runs entirely client-side.
2 · Report
How to read the grade: the letter grade reflects the brand laws (pass/fail rules that hold in any context). The metrics below it (
!important density, selector cost, weight) are context — a Slate override layer legitimately runs high on these, so they inform and are tracked over time, they don't fail the grade. Heuristic by design (it reads CSS text, not a rendered page); verify colour contrast against each colour's real background.Toolkit front door · engine: scripts/lib/brand-audit-checks.mjs · canonical gate: npm run slate:scorecard. Created by Rémi Moët-Buonaparte.