Walk 01
+ The Carmarthen ridgeline
+A high green spine through mid-Wales, ending each evening in a + farmhouse kitchen. Moderate; long days, soft ground.
+ +/, is the
+// false positive that lit up dev-tool pages.
+function fontFamilies(rules, map) {
+ const fams = new Set();
+ for (const r of rules) {
+ if (/:root|\[data-theme/.test(r.sel)) continue;
+ const m = r.body.match(/font-family\s*:\s*([^;}]+)/i);
+ if (!m) continue;
+ const resolved = resolveVar(m[1], map);
+ const first = resolved.split(',')[0].trim().replace(/['"]/g, '').toLowerCase();
+ if (!first || GENERIC_FAMILIES.has(first) || first.startsWith('var(')) continue;
+ const mono = /mono/.test(first) || /\bmonospace\b/.test(resolved.toLowerCase());
+ const codeSel = /\b(pre|code|kbd|samp)\b/.test(r.sel);
+ if (mono && codeSel) continue;
+ fams.add(first);
+ }
+ return [...fams];
+}
+
+function headingLevels(html) {
+ return [...html.matchAll(/]/gi)].map((m) => +m[1]);
+}
+
+// Balanced extraction of @media (...max-width...) block bodies. Regex alone
+// trips over nested rule braces and indented closers, so count braces.
+function maxWidthMediaBodies(css) {
+ const bodies = [];
+ const re = /@media[^{]*max-width[^{]*\{/gi;
+ let m;
+ while ((m = re.exec(css))) {
+ let depth = 1;
+ let i = m.index + m[0].length;
+ const start = i;
+ for (; i < css.length && depth > 0; i++) {
+ if (css[i] === '{') depth++;
+ else if (css[i] === '}') depth--;
+ }
+ bodies.push(css.slice(start, i - 1));
+ }
+ return bodies;
+}
+
+// ---------------------------------------------------------------- rule set v1
+// Each rule: { id, dim, label, fn(ctx) -> {pass:boolean, note:string} }
+const RULES = [
+ // ---- TYPOGRAPHY -------------------------------------------------------
+ {
+ id: 'type-overused-font', dim: 'typography',
+ label: 'Display/body face is an overused AI default (Inter, Roboto, Geist…)',
+ fn: ({ fams }) => {
+ const hit = fams.filter((f) => FONT_OVERUSED.includes(f));
+ return { pass: hit.length === 0, note: hit.length ? `uses ${hit.join(', ')}` : 'distinctive faces' };
+ },
+ },
+ {
+ id: 'type-single-font', dim: 'typography',
+ label: 'Single font family across the whole page',
+ fn: ({ fams }) => ({ pass: fams.length !== 1, note: `${fams.length} distinct families` }),
+ },
+ {
+ id: 'type-too-many-fonts', dim: 'typography',
+ label: 'More than three distinct font families (gate 39)',
+ fn: ({ fams }) => ({ pass: fams.length <= 3, note: `${fams.length} families: ${fams.join(', ') || 'none'}` }),
+ },
+ {
+ id: 'type-allcaps-body', dim: 'typography',
+ label: 'All-caps applied to body/paragraph text',
+ fn: ({ rules }) => {
+ const bad = rules.find((r) => /(^|[\s,])(body|p|li|article)\b/.test(r.sel) && /text-transform\s*:\s*uppercase/.test(r.body));
+ return { pass: !bad, note: bad ? `on ${bad.sel}` : 'body is mixed-case' };
+ },
+ },
+ {
+ id: 'type-tight-leading', dim: 'typography',
+ label: 'Body line-height below 1.3',
+ fn: ({ rules, map }) => {
+ for (const r of rules) {
+ if (!/(^|[\s,])(body|p|li|article|html)\b/.test(r.sel)) continue;
+ const m = r.body.match(/line-height\s*:\s*([0-9.]+)\b/);
+ if (m && parseFloat(m[1]) < 1.3 && parseFloat(m[1]) > 0) return { pass: false, note: `line-height ${m[1]} on ${r.sel}` };
+ }
+ return { pass: true, note: 'comfortable leading' };
+ },
+ },
+ {
+ id: 'type-wide-tracking-body', dim: 'typography',
+ label: 'Letter-spacing above 0.05em on body text',
+ fn: ({ rules }) => {
+ for (const r of rules) {
+ if (!/(^|[\s,])(body|p|li)\b/.test(r.sel)) continue;
+ const m = r.body.match(/letter-spacing\s*:\s*([0-9.]+)em/);
+ if (m && parseFloat(m[1]) > 0.05) return { pass: false, note: `${m[1]}em on ${r.sel}` };
+ }
+ return { pass: true, note: 'tracking in range' };
+ },
+ },
+ {
+ id: 'type-tiny-body', dim: 'typography',
+ label: 'Body text below 12px',
+ fn: ({ rules }) => {
+ for (const r of rules) {
+ if (!/(^|[\s,])(body|p|li)\b/.test(r.sel)) continue;
+ const m = r.body.match(/font-size\s*:\s*([0-9.]+)px/);
+ if (m && parseFloat(m[1]) < 12) return { pass: false, note: `${m[1]}px on ${r.sel}` };
+ }
+ return { pass: true, note: 'legible body size' };
+ },
+ },
+
+ // ---- COLOR & CONTRAST -------------------------------------------------
+ {
+ id: 'color-gradient-text', dim: 'color',
+ label: 'Gradient clipped to text (background-clip: text)',
+ fn: ({ css }) => {
+ const bad = /background-clip\s*:\s*text|-webkit-background-clip\s*:\s*text/i.test(css) && /gradient/i.test(css);
+ return { pass: !bad, note: bad ? 'gradient text headline' : 'solid headline fill' };
+ },
+ },
+ {
+ id: 'color-ai-palette', dim: 'color',
+ label: 'AI purple/violet→cyan gradient',
+ fn: ({ css }) => {
+ // The tell is the violet/purple -> cyan/blue *ramp*, not a single
+ // deliberate brand hue. Require both ends to be present in one gradient.
+ const grads = [...css.matchAll(/(linear|radial|conic)-gradient\([^;}]*\)/gi)].map((m) => m[0]);
+ for (const g of grads) {
+ const violetKw = /purple|violet|indigo|fuchsia|magenta|#8b5cf6|#6366f1|#7c3aed|#a855f7|#b06cff/i.test(g);
+ const cyanKw = /\bcyan\b|\bteal\b|\baqua\b|#06b6d4|#22d3ee|#38d6ff/i.test(g);
+ const hues = [...g.matchAll(/oklch\([^)]*\)/gi)].map((x) => oklchH(x[0])).filter((h) => h != null);
+ const hasViolet = hues.some((h) => h >= 270 && h <= 330);
+ const hasCyanBlue = hues.some((h) => h >= 190 && h <= 265);
+ const ramp = (violetKw && cyanKw) || (hasViolet && hasCyanBlue) || (violetKw && hasCyanBlue) || (hasViolet && cyanKw);
+ if (ramp) return { pass: false, note: `violet→cyan ramp in ${g.slice(0, 40)}…` };
+ }
+ return { pass: true, note: 'no violet→cyan ramp' };
+ },
+ },
+ {
+ id: 'color-pure-black-bg', dim: 'color',
+ label: 'Pure #000 / oklch(0) used as a base background',
+ fn: ({ rules, map }) => {
+ for (const r of rules) {
+ const m = r.body.match(/background(?:-color)?\s*:\s*([^;]+)/i);
+ if (!m) continue;
+ const v = resolveVar(m[1], map).toLowerCase();
+ if (/#000(\b|000\b)|\boklch\(\s*0\s+0\b|\brgb\(\s*0\s*,\s*0\s*,\s*0\s*\)|\bblack\b/.test(v)) return { pass: false, note: `pure black bg on ${r.sel}` };
+ }
+ return { pass: true, note: 'no pure-black base' };
+ },
+ },
+ {
+ id: 'color-zero-chroma', dim: 'color',
+ label: 'Zero-chroma flat-grey neutrals (gate 24)',
+ fn: ({ map, genre }) => {
+ if (genre === 'modern-minimal') return { pass: true, note: 'modern-minimal allows zero-chroma' };
+ for (const [k, v] of Object.entries(map)) {
+ if (!/--color|--paper|--ink|--surface|--muted|--neutral|--bg/.test(k)) continue;
+ const c = oklchC(resolveVar(v, map));
+ if (c === 0) return { pass: false, note: `${k} has 0 chroma` };
+ }
+ return { pass: true, note: 'neutrals tinted toward anchor' };
+ },
+ },
+ {
+ id: 'color-token-discipline', dim: 'color',
+ label: 'Colour literal outside the token block (gate 58)',
+ fn: ({ rules }) => {
+ const offenders = [];
+ for (const r of rules) {
+ if (/:root|\[data-theme/.test(r.sel)) continue;
+ const lits = (r.body.match(COLOR_LITERAL) || []).filter((c) => !/transparent|currentcolor|inherit|none/i.test(c));
+ if (lits.length) offenders.push(`${r.sel}: ${lits[0]}`);
+ }
+ return { pass: offenders.length === 0, note: offenders.length ? `${offenders.length} literal(s), e.g. ${offenders[0]}` : 'all colours via tokens' };
+ },
+ },
+ {
+ id: 'color-ink-on-ink', dim: 'color',
+ label: 'Text lightness too close to its background (ink-on-ink, gates 46–50)',
+ fn: ({ rules, map }) => {
+ for (const r of rules) {
+ if (/:root|\[data-theme/.test(r.sel)) continue;
+ const cM = r.body.match(/(? {
+ for (const r of rules) {
+ // a left rule on a blockquote/figure is a typographic convention, not the card tell
+ if (/\b(blockquote|figure|aside|q|cite)\b/.test(r.sel)) continue;
+ const m = r.body.match(/border-(left|right)\s*:\s*([0-9.]+)px\s+\w+\s+([^;]+)/i);
+ if (!m) continue;
+ const w = parseFloat(m[2]);
+ const col = resolveVar(m[3], map).toLowerCase();
+ if (w >= 4 && !/transparent/.test(col)) return { pass: false, note: `${m[2]}px ${m[1]} stripe on ${r.sel}` };
+ }
+ return { pass: true, note: 'no side-tab stripe' };
+ },
+ },
+ {
+ id: 'visual-glassmorphism', dim: 'visual',
+ label: 'Glassmorphism (backdrop blur on translucent panels)',
+ fn: ({ css }) => {
+ const bad = /backdrop-filter\s*:\s*[^;]*blur/i.test(css) && /rgba?\([^)]*0?\.\d+\s*\)|\/\s*0?\.\d+\s*\)/.test(css);
+ return { pass: !bad, note: bad ? 'translucent blur panel' : 'no glass panels' };
+ },
+ },
+ {
+ id: 'visual-sparkline-decoration', dim: 'visual',
+ label: 'Sparkline / chart used as pure decoration',
+ fn: ({ html }) => {
+ const bad = /class="[^"]*\b(sparkline|spark-line|decor[a-z-]*chart|fake-chart)\b/i.test(html);
+ return { pass: !bad, note: bad ? 'decorative sparkline present' : 'no decorative charts' };
+ },
+ },
+
+ // ---- LAYOUT & SPACE ---------------------------------------------------
+ {
+ id: 'layout-center-everything', dim: 'layout',
+ label: 'Everything centre-aligned (≥4 text-align:center)',
+ fn: ({ css }) => {
+ const n = (css.match(/text-align\s*:\s*center/gi) || []).length;
+ return { pass: n < 4, note: `${n} centred blocks` };
+ },
+ },
+ {
+ id: 'layout-justified', dim: 'layout',
+ label: 'Justified body text (word-spacing rivers)',
+ fn: ({ css }) => {
+ const bad = /text-align\s*:\s*justify/i.test(css);
+ return { pass: !bad, note: bad ? 'justified text present' : 'ragged-right text' };
+ },
+ },
+ {
+ id: 'layout-three-col-cards', dim: 'layout',
+ label: 'Three equal-column card grid (icon-tile template)',
+ fn: ({ css }) => {
+ const bad = /grid-template-columns\s*:\s*repeat\(\s*3\s*,\s*(?:minmax\(0,\s*)?1fr/i.test(css) || /grid-template-columns\s*:\s*1fr\s+1fr\s+1fr\b/i.test(css);
+ return { pass: !bad, note: bad ? 'repeat(3, 1fr) grid' : 'no rote 3-col grid' };
+ },
+ },
+ {
+ id: 'layout-long-measure', dim: 'layout',
+ label: 'Prose measure beyond 75ch (gate 27)',
+ fn: ({ css }) => {
+ for (const m of css.matchAll(/max-width\s*:\s*([0-9.]+)ch/gi)) {
+ if (parseFloat(m[1]) > 75) return { pass: false, note: `${m[1]}ch measure` };
+ }
+ return { pass: true, note: 'measure ≤ 75ch' };
+ },
+ },
+ {
+ id: 'layout-arbitrary-spacing', dim: 'layout',
+ label: 'Spacing off the 4px scale (gate 26)',
+ fn: ({ rules, map }) => {
+ for (const r of rules) {
+ if (/:root|\[data-theme/.test(r.sel)) continue;
+ for (const m of r.body.matchAll(/\b(?:padding|margin|gap|row-gap|column-gap)(?:-\w+)?\s*:\s*([^;]+)/gi)) {
+ const resolved = resolveVar(m[1], map);
+ for (const px of resolved.matchAll(/(-?[0-9.]+)px/g)) {
+ const v = Math.abs(parseFloat(px[1]));
+ if (v > 0 && v % 4 !== 0) return { pass: false, note: `${px[1]}px on ${r.sel}` };
+ }
+ }
+ }
+ return { pass: true, note: 'spacing on 4px scale' };
+ },
+ },
+ {
+ id: 'layout-skipped-heading', dim: 'layout',
+ label: 'Skipped heading level (h1→h3 with no h2)',
+ fn: ({ html }) => {
+ const lv = headingLevels(html);
+ for (let i = 1; i < lv.length; i++) {
+ if (lv[i] - lv[i - 1] > 1) return { pass: false, note: `h${lv[i - 1]}→h${lv[i]}` };
+ }
+ return { pass: true, note: 'heading levels contiguous' };
+ },
+ },
+
+ // ---- MOTION -----------------------------------------------------------
+ {
+ id: 'motion-transition-all', dim: 'motion',
+ label: 'transition: all (gate 11)',
+ fn: ({ css }) => {
+ const bad = /transition\s*:\s*all\b/i.test(css);
+ return { pass: !bad, note: bad ? 'transition: all present' : 'transitions are scoped' };
+ },
+ },
+ {
+ id: 'motion-hover-scale', dim: 'motion',
+ label: 'Uniform hover-scale (gate 12)',
+ fn: ({ css }) => {
+ const bad = /:hover[^{}]*\{[^{}]*transform\s*:\s*scale\(\s*1\.0[1-9]/i.test(css) || /hover:scale-10[0-9]/i.test(css);
+ return { pass: !bad, note: bad ? 'hover scale present' : 'no rote hover-scale' };
+ },
+ },
+ {
+ id: 'motion-bouncy-easing', dim: 'motion',
+ label: 'Bouncy/overshoot easing on UI state (gate 13)',
+ fn: ({ css }) => {
+ for (const m of css.matchAll(/cubic-bezier\(\s*([0-9.-]+)\s*,\s*([0-9.-]+)\s*,\s*([0-9.-]+)\s*,\s*([0-9.-]+)\s*\)/gi)) {
+ const y1 = parseFloat(m[2]); const y2 = parseFloat(m[4]);
+ if (y1 > 1 || y2 > 1 || y1 < 0 || y2 < 0) return { pass: false, note: `overshoot ${m[0]}` };
+ }
+ return { pass: true, note: 'no overshoot easing' };
+ },
+ },
+ {
+ id: 'motion-layout-animation', dim: 'motion',
+ label: 'Animating layout properties (gate 15)',
+ fn: ({ css }) => {
+ const bad = /transition\s*:[^;}]*\b(width|height|top|left|right|bottom|margin|padding)\b/i.test(css);
+ return { pass: !bad, note: bad ? 'layout prop in transition' : 'animates transform/opacity only' };
+ },
+ },
+ {
+ id: 'motion-no-reduced-motion', dim: 'motion',
+ label: 'Animation without prefers-reduced-motion fallback (gate 29)',
+ fn: ({ css }) => {
+ const hasMotion = /@keyframes|animation\s*:|transition\s*:/i.test(css);
+ const hasGuard = /prefers-reduced-motion/i.test(css);
+ return { pass: !hasMotion || hasGuard, note: hasMotion ? (hasGuard ? 'guarded' : 'no reduced-motion guard') : 'no motion' };
+ },
+ },
+
+ // ---- INTERACTION ------------------------------------------------------
+ {
+ id: 'interaction-emoji-icon', dim: 'interaction',
+ label: 'Emoji used as a feature/step icon (gate 60)',
+ fn: ({ html }) => {
+ const body = html.replace(//gi, '').replace(//gi, '');
+ const bad = /[\u{1F300}-\u{1FAFF}\u{2600}-\u{27BF}\u{2B00}-\u{2BFF}\u{FE0F}]/u.test(body);
+ return { pass: !bad, note: bad ? 'emoji glyph in markup' : 'no emoji icons' };
+ },
+ },
+ {
+ id: 'interaction-all-primary', dim: 'interaction',
+ label: 'Every button styled as primary (no secondary register)',
+ fn: ({ html, css }) => {
+ const btns = (html.match(/<(?:button|a)[^>]*class="[^"]*\b(?:btn|button|cta)\b/gi) || []).length;
+ const hasVariant = /\b(btn|button)[-_]{1,2}(secondary|ghost|outline|tertiary|quiet|text)\b|data-variant|\bbtn--/i.test(html + css);
+ return { pass: btns < 3 || hasVariant, note: btns >= 3 && !hasVariant ? `${btns} buttons, one register` : 'button hierarchy present' };
+ },
+ },
+ {
+ id: 'interaction-placeholder-names', dim: 'interaction',
+ label: 'Placeholder names / startup clichés (gate 20)',
+ fn: ({ html }) => {
+ // Only flag actual placeholder *names* — not ordinary words ("seamless",
+ // "unleash") that legitimately appear in marketing prose.
+ const bad = /jane doe|john smith|john doe|lorem ipsum|\bacme\b|\bwidget(?:co|inc)\b|example\.com/i.test(html);
+ return { pass: !bad, note: bad ? 'placeholder/cliché name' : 'specific copy' };
+ },
+ },
+ {
+ id: 'interaction-modal-reflex', dim: 'interaction',
+ label: 'Reaching for a modal/dialog reflexively',
+ fn: ({ html }) => {
+ const bad = / {
+ const bad = !/(html|body)[^{}]*\{[^{}]*overflow-x\s*:\s*clip/i.test(css) && !/(html|body)\s*,\s*(html|body)[^{}]*\{[^{}]*overflow-x\s*:\s*clip/i.test(css);
+ return { pass: !bad, note: bad ? 'no overflow-x: clip' : 'overflow-x clipped' };
+ },
+ },
+ {
+ id: 'responsive-img-grid-minmax', dim: 'responsive',
+ label: 'Image-bearing 1fr grid track without minmax(0,1fr) (gate 61)',
+ fn: ({ css, html }) => {
+ const hasImg = / {
+ const media = maxWidthMediaBodies(css).join('\n');
+ const offenders = [...media.matchAll(/([^{}]+)\{[^{}]*display\s*:\s*none/gi)]
+ .map((m) => m[1].trim())
+ .filter((s) => !/nav|menu|toggle|hamburger|burger|skip|drawer|sheet|backdrop|overlay|sr-only|visually-hidden|__bar|mobile|desktop-only|show-/i.test(s));
+ return { pass: offenders.length === 0, note: offenders.length ? `hides ${offenders[0]}` : 'no content amputation' };
+ },
+ },
+
+ // ---- GENERAL QUALITY --------------------------------------------------
+ {
+ id: 'general-focus-visible', dim: 'general',
+ label: 'Interactive elements without :focus-visible (gate 28)',
+ fn: ({ html, css }) => {
+ const interactive = /<(button|a\s|input|select|textarea|summary)/i.test(html);
+ const hasFocus = /:focus-visible/i.test(css);
+ return { pass: !interactive || hasFocus, note: interactive ? (hasFocus ? 'focus-visible present' : 'no focus-visible styles') : 'no interactive els' };
+ },
+ },
+ {
+ id: 'general-stamp', dim: 'general',
+ label: 'Missing Hallmark macrostructure stamp (gate 21)',
+ fn: ({ stamp }) => ({ pass: /macrostructure/i.test(stamp), note: stamp ? 'stamp present' : 'no stamp comment' }),
+ },
+ {
+ id: 'general-state-coverage', dim: 'general',
+ label: 'Interactive elements missing :hover/:active/:disabled coverage',
+ fn: ({ html, css }) => {
+ const interactive = /<(button|a\s|input)/i.test(html);
+ if (!interactive) return { pass: true, note: 'no interactive els' };
+ const states = ['\\:hover', '\\:active', '\\:disabled|\\[disabled\\]|\\[aria-disabled'];
+ const missing = states.filter((s) => !new RegExp(s, 'i').test(css));
+ return { pass: missing.length === 0, note: missing.length ? `${missing.length} state(s) missing` : 'states covered' };
+ },
+ },
+];
+
+// ---------------------------------------------------------------- v2 helpers
+function pxOf(value, map) {
+ const r = resolveVar(String(value).trim(), map);
+ if (/^0$/.test(r)) return 0;
+ const m = r.match(/(-?[0-9.]+)px/);
+ return m ? parseFloat(m[1]) : null;
+}
+// hero/lede container padding -> {top, bottom} in px, or null
+function heroPadding(rules, map) {
+ const cand = rules.find((r) => /(^|[\s,])[.#]?(hero|lede|masthead)\b\s*$/.test(r.sel) || /(^|[\s,])(header\.hero|\.hero|\.lede|\.masthead)\s*$/.test(r.sel));
+ if (!cand) return null;
+ const blk = cand.body.match(/padding-block\s*:\s*([^;]+)/i);
+ if (blk) {
+ const parts = blk[1].trim().split(/\s+/);
+ return { top: pxOf(parts[0], map), bottom: pxOf(parts[1] ?? parts[0], map), sel: cand.sel };
+ }
+ const ps = cand.body.match(/padding-block-start\s*:\s*([^;]+)/i);
+ const pe = cand.body.match(/padding-block-end\s*:\s*([^;]+)/i);
+ if (ps && pe) return { top: pxOf(ps[1], map), bottom: pxOf(pe[1], map), sel: cand.sel };
+ const pad = cand.body.match(/(? {
+ const hp = heroPadding(rules, map);
+ if (!hp || hp.top == null || hp.bottom == null) return { pass: true, note: 'no measurable hero padding' };
+ const ok = hp.bottom >= 1.3 * hp.top || hp.top === 0;
+ return { pass: ok, note: ok ? 'hero sits into the page' : `top ${hp.top} / bottom ${hp.bottom} (need ≥1.3×)` };
+ },
+ },
+ {
+ id: 'v2-dark-mode-reflex', dim: 'color',
+ label: 'Defaulting to dark mode reflexively',
+ fn: ({ rules, map, genre, css }) => {
+ const exempt = /atmospheric|midnight|noir|terminal|cinema/i.test(genre) || /theme:\s*(midnight|terminal|noir)/i.test(css);
+ const body = rules.find((r) => /(^|[\s,])body\b/.test(r.sel));
+ const bm = body?.body.match(/background(?:-color)?\s*:\s*([^;]+)/i);
+ const L = bm ? oklchL(resolveVar(bm[1], map)) : null;
+ const dark = (L != null && L < 0.30) || /color-scheme\s*:\s*dark\b(?!\s*light)/i.test(css);
+ return { pass: !dark || exempt, note: dark ? (exempt ? 'dark but justified' : `dark base (L ${L?.toFixed(2)})`) : 'light base' };
+ },
+ },
+ {
+ id: 'v2-hero-metric-stat', dim: 'layout',
+ label: 'Hero metric layout (big number + supporting stats)',
+ fn: ({ rules, map }) => {
+ const bad = rules.find((r) => /(stat|metric|kpi|figure-n|big-?num)/.test(r.sel) && (() => { const m = r.body.match(/font-size\s*:\s*([^;]+)/i); const px = m ? pxOf(m[1], map) : null; return px != null && px >= 36; })());
+ return { pass: !bad, note: bad ? `metric cluster ${bad.sel}` : 'no hero-metric tell' };
+ },
+ },
+ {
+ id: 'v2-icon-tile-above-heading', dim: 'typography',
+ label: 'Icon tile stacked directly above a heading',
+ fn: ({ html }) => {
+ const heads = [...html.matchAll(/]/gi)];
+ for (const h of heads) {
+ const before = html.slice(Math.max(0, h.index - 110), h.index);
+ if (/ {
+ const sels = new Set();
+ for (const r of rules) {
+ if (/:root|\[data-theme/.test(r.sel)) continue;
+ if (/\b(pre|code|kbd|samp)\b/.test(r.sel)) continue;
+ const m = r.body.match(/font-family\s*:\s*([^;]+)/i);
+ if (m && isMonoFamily(m[1], map)) sels.add(r.sel);
+ }
+ return { pass: sels.size < 3, note: sels.size >= 3 ? `mono on ${sels.size} non-code selectors` : 'mono kept to code/labels' };
+ },
+ },
+ {
+ id: 'v2-everything-in-cards', dim: 'layout',
+ label: 'Wrapping all content in cards',
+ fn: ({ html }) => {
+ const n = (html.match(/class="[^"]*\b(card|panel|tile|box)\b/gi) || []).length;
+ return { pass: n <= 6, note: n > 6 ? `${n} card-like wrappers` : `${n} card-like wrappers` };
+ },
+ },
+];
+
+// ---------------------------------------------------------------- scoring
+function analyze(path, version = 'v1') {
+ const doc = loadDoc(path);
+ const activeTheme = (doc.html.match(/]*\bdata-theme=["']([^"']+)["']/i) || [])[1] || '';
+ const map = tokenMap(doc.css, activeTheme);
+ const rules = cssRules(doc.css);
+ const ctx = { ...doc, map, rules, fams: fontFamilies(rules, map) };
+ const themeCount = new Set([...doc.css.matchAll(/\[data-theme(?:[~^$|*]?=)?["']?([a-z0-9-]+)/gi)].map((m) => m[1]).filter(Boolean)).size;
+ const ruleset = version === 'v2' ? RULES.concat(EXTRA_V2) : RULES;
+
+ const byDim = {};
+ for (const rule of ruleset) {
+ const res = rule.fn(ctx);
+ (byDim[rule.dim] ||= []).push({ id: rule.id, label: rule.label, pass: !!res.pass, note: res.note });
+ }
+ const dims = {};
+ for (const [dim, list] of Object.entries(byDim)) {
+ const passed = list.filter((r) => r.pass).length;
+ dims[dim] = { score: +((passed / list.length) * 5).toFixed(3), passed, total: list.length, rules: list };
+ }
+ const dimScores = Object.values(dims).map((d) => d.score);
+ const overall = +(dimScores.reduce((a, b) => a + b, 0) / dimScores.length).toFixed(3);
+ return { file: path, genre: doc.genre || 'n/a', activeTheme, themeCount, multiTheme: themeCount > 3, dims, overall, ruleCount: ruleset.length };
+}
+
+// ---------------------------------------------------------------- cli
+import { pathToFileURL } from 'node:url';
+if (import.meta.url === pathToFileURL(process.argv[1] || '').href) {
+ const args = process.argv.slice(2);
+ const file = args.find((a) => !a.startsWith('--'));
+ if (!file) { console.error('usage: node detector.mjs [--json] [--eval v1|v2]'); process.exit(1); }
+ const vi = args.indexOf('--eval');
+ const version = vi >= 0 ? args[vi + 1] : 'v1';
+ const result = analyze(file, version);
+ if (args.includes('--json')) {
+ console.log(JSON.stringify(result, null, 2));
+ } else {
+ console.log(`\n${result.file} (genre: ${result.genre}) overall ${result.overall.toFixed(2)}/5`);
+ for (const [dim, d] of Object.entries(result.dims)) {
+ console.log(` ${dim.padEnd(12)} ${d.score.toFixed(2)} (${d.passed}/${d.total})`);
+ for (const r of d.rules.filter((x) => !x.pass)) console.log(` ✗ ${r.id} — ${r.note}`);
+ }
+ }
+}
+
+export { analyze, RULES, EXTRA_V2 };
diff --git a/evals/fixtures/fernweh.html b/evals/fixtures/fernweh.html
new file mode 100644
index 0000000..ac1db01
--- /dev/null
+++ b/evals/fixtures/fernweh.html
@@ -0,0 +1,117 @@
+
+
+
+
+
+Fernweh — eight days on foot
+
+
+
+
+
+
+
+ Eight days on foot, nothing booked but the path.
+ Fernweh runs small walking trips for eight people at a time. No coach
+ transfers, no packed itinerary — just a route, a host who lives there,
+ and the unhurried distance a person can cover between breakfast and dusk.
+ We carry your bags ahead so you carry only the day.
+
+
+
+
+
+
+
+ This season
+
+
+ Walk 01
+ The Carmarthen ridgeline
+ A high green spine through mid-Wales, ending each evening in a
+ farmhouse kitchen. Moderate; long days, soft ground.
+
+
+
+ Walk 02
+ The Alentejo coast
+ Cork oak to cliff-edge along Portugal's quiet south. Warm light,
+ flat miles, fish grilled where it lands.
+
+
+
+
+
+ "We don't tell you what you'll see. We tell you when to start walking."
+
+
+
+
+
diff --git a/evals/fixtures/fernweh.judge.json b/evals/fixtures/fernweh.judge.json
new file mode 100644
index 0000000..f3c3241
--- /dev/null
+++ b/evals/fixtures/fernweh.judge.json
@@ -0,0 +1,10 @@
+{
+ "philosophy": 4,
+ "hierarchy": 4,
+ "execution": 5,
+ "specificity": 4,
+ "restraint": 4,
+ "variety": 3,
+ "honesty": 5,
+ "notes": "Focus rings, overflow clip, and a stamp finish execution. Structure is still a centred-then-two-up list; variety remains the weak axis."
+}
diff --git a/evals/fixtures/kiln.html b/evals/fixtures/kiln.html
new file mode 100644
index 0000000..493ab90
--- /dev/null
+++ b/evals/fixtures/kiln.html
@@ -0,0 +1,130 @@
+
+
+
+
+
+Kiln & Co. — a seasonal run of stoneware
+
+
+
+
+
+ Kiln & Co.
+
+
+
+
+ A winter run of stoneware, thrown two at a time.
+
+
+ Thrown between November and February, fired in two
+ loads. When the run sells out, the edition closes — we don't reprint.
+
+
+
+
+ What we made this season
+
+
+ Morning bowl
+ £42
+ A wide, low bowl for the first thing you eat. Iron glaze, unglazed foot.
+
+
+ Tall carafe
+ £68
+ Holds a litre. Pours clean from a pulled lip. Ash glaze, slight tilt.
+
+
+ Pair of cups
+ £36
+ Sold as two because the wheel makes them in pairs. No two identical.
+
+
+
+
+
+
+
+
+
+ Reserve a set
+
+ Tell us which pieces and we'll hold them through the firing. We reply
+ by hand, usually the same week.
+
+
+
+
+
+
+
+
diff --git a/evals/fixtures/kiln.judge.json b/evals/fixtures/kiln.judge.json
new file mode 100644
index 0000000..3f8950c
--- /dev/null
+++ b/evals/fixtures/kiln.judge.json
@@ -0,0 +1,10 @@
+{
+ "philosophy": 4,
+ "hierarchy": 4,
+ "execution": 5,
+ "specificity": 4,
+ "restraint": 5,
+ "variety": 4,
+ "honesty": 5,
+ "notes": "Side-tab stripe and decorative sparkline removed; gallery reflows instead of hiding on mobile; stamp added. Execution and restraint fully resolved."
+}
diff --git a/evals/fixtures/ledger.html b/evals/fixtures/ledger.html
new file mode 100644
index 0000000..e918a5b
--- /dev/null
+++ b/evals/fixtures/ledger.html
@@ -0,0 +1,131 @@
+
+
+
+
+
+Ledger — double-entry bookkeeping for your terminal
+
+
+
+
+
+
+
+ Plain-text books that balance themselves.
+ Ledger is a double-entry bookkeeping CLI for developers who'd rather
+ keep accounts in a file they own than a SaaS dashboard. Every entry is
+ a line of text; every report is one command.
+
+
+
+ Star on GitHub →
+
+
+
+
+ 0cloud accounts required
+ 1plain-text file
+ 2entries per transaction
+ ∞reports you can pipe
+
+
+
+ Books as a file, not a service
+
+
+ Append entries
+ Write transactions in a readable journal format. Comments and tags travel with each line.
+ ledger add "rent" -120000 assets:checking
+
+
+ Run reports
+ Balance sheets and income statements are commands, not screens. Pipe the output anywhere.
+ ledger report balance --period 2026
+
+
+ Diff your money
+ Because the journal is text, git tracks every change. Review your finances like code.
+ git diff books.journal
+
+
+
+
+
+
+
+
diff --git a/evals/fixtures/ledger.judge.json b/evals/fixtures/ledger.judge.json
new file mode 100644
index 0000000..ca0aa78
--- /dev/null
+++ b/evals/fixtures/ledger.judge.json
@@ -0,0 +1,10 @@
+{
+ "philosophy": 4,
+ "hierarchy": 4,
+ "execution": 5,
+ "specificity": 4,
+ "restraint": 5,
+ "variety": 4,
+ "honesty": 5,
+ "notes": "Hero bottom-weighted; big-number stat strip de-metered into an inline fact row. No longer the rote hero->big-stats->cards template; reads as a considered stat-led page."
+}
diff --git a/evals/fixtures/pulse.html b/evals/fixtures/pulse.html
new file mode 100644
index 0000000..5a5c5a9
--- /dev/null
+++ b/evals/fixtures/pulse.html
@@ -0,0 +1,115 @@
+
+
+
+
+
+Pulse — developer analytics that actually ship
+
+
+
+
+
+
+
+ Developer analytics that actually ship.
+ Pulse turns your event stream into dashboards your whole team will
+ check every morning. Real-time, dark by default, beautiful out of the box.
+
+
+ See a live dashboard
+
+
+
+
+ 1SDKdrop-in, any language
+ 0SQLfunnels without queries
+ ∞eventsretained at full fidelity
+
+
+
+ Everything in one pane
+
+
+ Realtime
+ Live event stream
+ Watch events land the moment they fire, with sub-second latency.
+
+
+ Insights
+ Funnels & retention
+ Build cohorts and funnels without writing a single SQL query.
+
+
+ Alerts
+ Anomaly alerts
+ Get pinged in Slack when a metric drifts outside its band.
+
+
+
+
+
+
+
+
diff --git a/evals/fixtures/pulse.judge.json b/evals/fixtures/pulse.judge.json
new file mode 100644
index 0000000..0e895d3
--- /dev/null
+++ b/evals/fixtures/pulse.judge.json
@@ -0,0 +1,10 @@
+{
+ "philosophy": 4,
+ "hierarchy": 4,
+ "execution": 5,
+ "specificity": 4,
+ "restraint": 5,
+ "variety": 4,
+ "honesty": 5,
+ "notes": "Re-keyed to feature-stack (no longer a colour-swap of ledger's stat-led). Detector-clean, honest, light, single-accent. Variety resolved at the corpus level."
+}
diff --git a/evals/fixtures/vellum.html b/evals/fixtures/vellum.html
new file mode 100644
index 0000000..479536b
--- /dev/null
+++ b/evals/fixtures/vellum.html
@@ -0,0 +1,70 @@
+
+
+
+
+
+Vellum — write like it's the last draft
+
+
+
+
+
+ Write like it's the last draft.
+ Vellum is a writing tool for people who finish things.
+
+
+
+ The blank page is not the problem. The problem is the second page, and
+ the third, and the slow erosion of the sentence you were proud of at
+ breakfast. Most writing software is built for the first ten minutes —
+ the burst, the outline, the satisfying click of a new document. Vellum
+ is built for the long middle, where books are actually written and
+ abandoned.
+
+ One column, no chrome
+ We removed the sidebar. We removed the formatting toolbar. We removed
+ the word count that taunts you from the corner. What remains is a single
+ column of text at a measure your eye can actually follow, and a margin
+ wide enough to think in. The interface gets out of the way so completely
+ that after a few minutes you forget you are using software at all.
+
+ The tool should disappear. The sentence should not.
+
+ Drafts that remember
+ Every save is a version, and every version is a place you can return
+ to. Change your mind about a chapter and the old one is still there,
+ whole, the way you left it. Writing is rewriting, and rewriting is only
+ safe when nothing is ever truly lost.
+
+
+
+
+
+
diff --git a/evals/fixtures/vellum.judge.json b/evals/fixtures/vellum.judge.json
new file mode 100644
index 0000000..e4e3bf0
--- /dev/null
+++ b/evals/fixtures/vellum.judge.json
@@ -0,0 +1,10 @@
+{
+ "philosophy": 4,
+ "hierarchy": 4,
+ "execution": 4,
+ "specificity": 4,
+ "restraint": 4,
+ "honesty": 5,
+ "variety": 4,
+ "notes": "Reading column fixed: 1.6 leading, 68ch measure, ragged-right, Fraunces/Spectral pairing. Stamped long-document (distinct macrostructure). Reads like an essay, not a generated page."
+}
diff --git a/evals/results/cycle-01-v1.json b/evals/results/cycle-01-v1.json
new file mode 100644
index 0000000..8e95d30
--- /dev/null
+++ b/evals/results/cycle-01-v1.json
@@ -0,0 +1,67 @@
+{
+ "cycle": 1,
+ "evalVersion": "v1",
+ "label": "Baseline: skill applied as-is; residual slop across motion, color, layout, interaction, visual.",
+ "ruleCount": 37,
+ "fixtureCount": 3,
+ "cycleScore": 74.2,
+ "aggDims": {
+ "typography": 4.524,
+ "color": 3.611,
+ "visual": 3.889,
+ "layout": 3.333,
+ "motion": 4.333,
+ "interaction": 3.333,
+ "responsive": 3.889,
+ "general": 2.778,
+ "craft": 3.714
+ },
+ "fixtures": [
+ {
+ "name": "ledger",
+ "score100": 71.9,
+ "dimScores": {
+ "typography": 3.571,
+ "color": 2.5,
+ "visual": 5,
+ "layout": 4.167,
+ "motion": 3,
+ "interaction": 3.75,
+ "responsive": 3.333,
+ "general": 3.333,
+ "craft": 3.714
+ }
+ },
+ {
+ "name": "fernweh",
+ "score100": 72.8,
+ "dimScores": {
+ "typography": 5,
+ "color": 4.167,
+ "visual": 5,
+ "layout": 2.5,
+ "motion": 5,
+ "interaction": 2.5,
+ "responsive": 3.333,
+ "general": 1.667,
+ "craft": 3.571
+ }
+ },
+ {
+ "name": "kiln",
+ "score100": 78,
+ "dimScores": {
+ "typography": 5,
+ "color": 4.167,
+ "visual": 1.667,
+ "layout": 3.333,
+ "motion": 5,
+ "interaction": 3.75,
+ "responsive": 5,
+ "general": 3.333,
+ "craft": 3.857
+ }
+ }
+ ],
+ "timestamp": "2026-05-21T10:13:36.611Z"
+}
\ No newline at end of file
diff --git a/evals/results/cycle-02-v1.json b/evals/results/cycle-02-v1.json
new file mode 100644
index 0000000..9a5acf2
--- /dev/null
+++ b/evals/results/cycle-02-v1.json
@@ -0,0 +1,67 @@
+{
+ "cycle": 2,
+ "evalVersion": "v1",
+ "label": "Typography & palette discipline: gate 70 (single-typeface floor) + gate 71 (AI-palette / raw colour in gradients). ledger gets a real pairing and a solid headline; bloom tokenised.",
+ "ruleCount": 37,
+ "fixtureCount": 3,
+ "cycleScore": 78,
+ "aggDims": {
+ "typography": 5,
+ "color": 4.722,
+ "visual": 3.889,
+ "layout": 3.333,
+ "motion": 4.333,
+ "interaction": 3.333,
+ "responsive": 3.889,
+ "general": 2.778,
+ "craft": 3.809
+ },
+ "fixtures": [
+ {
+ "name": "ledger",
+ "score100": 81.3,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 4.167,
+ "motion": 3,
+ "interaction": 3.75,
+ "responsive": 3.333,
+ "general": 3.333,
+ "craft": 4
+ }
+ },
+ {
+ "name": "fernweh",
+ "score100": 74.6,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 2.5,
+ "motion": 5,
+ "interaction": 2.5,
+ "responsive": 3.333,
+ "general": 1.667,
+ "craft": 3.571
+ }
+ },
+ {
+ "name": "kiln",
+ "score100": 78,
+ "dimScores": {
+ "typography": 5,
+ "color": 4.167,
+ "visual": 1.667,
+ "layout": 3.333,
+ "motion": 5,
+ "interaction": 3.75,
+ "responsive": 5,
+ "general": 3.333,
+ "craft": 3.857
+ }
+ }
+ ],
+ "timestamp": "2026-05-21T10:15:21.057Z"
+}
\ No newline at end of file
diff --git a/evals/results/cycle-03-v1.json b/evals/results/cycle-03-v1.json
new file mode 100644
index 0000000..339f7c4
--- /dev/null
+++ b/evals/results/cycle-03-v1.json
@@ -0,0 +1,67 @@
+{
+ "cycle": 3,
+ "evalVersion": "v1",
+ "label": "Layout discipline: gate 72 (justified text) + gate 73 (skipped heading levels). fernweh de-centred and re-leveled; rote 3-equal grids varied; kiln spacing back on the 4px scale.",
+ "ruleCount": 37,
+ "fixtureCount": 3,
+ "cycleScore": 81.8,
+ "aggDims": {
+ "typography": 5,
+ "color": 4.722,
+ "visual": 3.889,
+ "layout": 5,
+ "motion": 4.333,
+ "interaction": 3.333,
+ "responsive": 3.889,
+ "general": 2.778,
+ "craft": 3.857
+ },
+ "fixtures": [
+ {
+ "name": "ledger",
+ "score100": 83.1,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 3,
+ "interaction": 3.75,
+ "responsive": 3.333,
+ "general": 3.333,
+ "craft": 4
+ }
+ },
+ {
+ "name": "fernweh",
+ "score100": 80.5,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 2.5,
+ "responsive": 3.333,
+ "general": 1.667,
+ "craft": 3.714
+ }
+ },
+ {
+ "name": "kiln",
+ "score100": 81.7,
+ "dimScores": {
+ "typography": 5,
+ "color": 4.167,
+ "visual": 1.667,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 3.75,
+ "responsive": 5,
+ "general": 3.333,
+ "craft": 3.857
+ }
+ }
+ ],
+ "timestamp": "2026-05-21T10:16:23.998Z"
+}
\ No newline at end of file
diff --git a/evals/results/cycle-04-v1.json b/evals/results/cycle-04-v1.json
new file mode 100644
index 0000000..0c65d1e
--- /dev/null
+++ b/evals/results/cycle-04-v1.json
@@ -0,0 +1,67 @@
+{
+ "cycle": 4,
+ "evalVersion": "v1",
+ "label": "Interaction discipline: gate 74 (button hierarchy) + gate 75 (reflexive modal). Secondary register added to ledger/fernweh; fernweh emoji icons replaced with numbered walks; kiln modal swapped for an inline reserve section.",
+ "ruleCount": 37,
+ "fixtureCount": 3,
+ "cycleScore": 85.9,
+ "aggDims": {
+ "typography": 5,
+ "color": 4.722,
+ "visual": 3.889,
+ "layout": 5,
+ "motion": 4.333,
+ "interaction": 5,
+ "responsive": 3.889,
+ "general": 2.778,
+ "craft": 4.048
+ },
+ "fixtures": [
+ {
+ "name": "ledger",
+ "score100": 85.9,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 3,
+ "interaction": 5,
+ "responsive": 3.333,
+ "general": 3.333,
+ "craft": 4
+ }
+ },
+ {
+ "name": "fernweh",
+ "score100": 86.7,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 3.333,
+ "general": 1.667,
+ "craft": 4
+ }
+ },
+ {
+ "name": "kiln",
+ "score100": 85.1,
+ "dimScores": {
+ "typography": 5,
+ "color": 4.167,
+ "visual": 1.667,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 3.333,
+ "craft": 4.143
+ }
+ }
+ ],
+ "timestamp": "2026-05-21T10:17:52.608Z"
+}
\ No newline at end of file
diff --git a/evals/results/cycle-05-v1.json b/evals/results/cycle-05-v1.json
new file mode 100644
index 0000000..c53d060
--- /dev/null
+++ b/evals/results/cycle-05-v1.json
@@ -0,0 +1,67 @@
+{
+ "cycle": 5,
+ "evalVersion": "v1",
+ "label": "Cleanup + gate 76 (decorative chart) + gate 77 (feature amputation; detector media-extractor hardened). kiln side-tab/sparkline removed and gallery reflows; ledger motion scoped; stamps + overflow clip + focus rings across all three.",
+ "ruleCount": 37,
+ "fixtureCount": 3,
+ "cycleScore": 98.3,
+ "aggDims": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.238
+ },
+ "fixtures": [
+ {
+ "name": "ledger",
+ "score100": 98.1,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143
+ }
+ },
+ {
+ "name": "fernweh",
+ "score100": 98.1,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143
+ }
+ },
+ {
+ "name": "kiln",
+ "score100": 98.7,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.429
+ }
+ }
+ ],
+ "timestamp": "2026-05-21T10:20:07.003Z"
+}
\ No newline at end of file
diff --git a/evals/results/cycle-06-v2.json b/evals/results/cycle-06-v2.json
new file mode 100644
index 0000000..60668be
--- /dev/null
+++ b/evals/results/cycle-06-v2.json
@@ -0,0 +1,103 @@
+{
+ "cycle": 6,
+ "evalVersion": "v2",
+ "label": "EVAL UPGRADE -> v2 (your evals will break): +6 detector rules (hero-float/gate54, dark-mode reflex, hero-metric, icon-tile-above-heading, mono-as-shorthand, everything-in-cards) + cross-fixture order parameter (macrostructure reuse) + 2 adversarial fixtures (pulse, vellum). Re-measure only, no fixes.",
+ "ruleCount": 43,
+ "fixtureCount": 5,
+ "cycleScore": 76.4,
+ "aggDims": {
+ "typography": 4.444,
+ "color": 4.571,
+ "visual": 4.333,
+ "layout": 3.778,
+ "motion": 4.4,
+ "interaction": 4.75,
+ "responsive": 4.333,
+ "general": 4,
+ "craft": 3.571,
+ "structure": 0
+ },
+ "fixtures": [
+ {
+ "name": "ledger",
+ "score100": 86.1,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 3.889,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143,
+ "structure": 0
+ }
+ },
+ {
+ "name": "fernweh",
+ "score100": 87.2,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 4.444,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143,
+ "structure": 0
+ }
+ },
+ {
+ "name": "kiln",
+ "score100": 87.7,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 4.444,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.429,
+ "structure": 0
+ }
+ },
+ {
+ "name": "pulse",
+ "score100": 45.9,
+ "dimScores": {
+ "typography": 3.333,
+ "color": 2.857,
+ "visual": 1.667,
+ "layout": 2.778,
+ "motion": 2,
+ "interaction": 3.75,
+ "responsive": 3.333,
+ "general": 1.667,
+ "craft": 1.571,
+ "structure": 0
+ }
+ },
+ {
+ "name": "vellum",
+ "score100": 74.9,
+ "dimScores": {
+ "typography": 3.889,
+ "color": 5,
+ "visual": 5,
+ "layout": 3.333,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 3.333,
+ "general": 3.333,
+ "craft": 3.571,
+ "structure": 0
+ }
+ }
+ ],
+ "timestamp": "2026-05-21T10:23:44.743Z"
+}
\ No newline at end of file
diff --git a/evals/results/cycle-07-v2.json b/evals/results/cycle-07-v2.json
new file mode 100644
index 0000000..1aa962c
--- /dev/null
+++ b/evals/results/cycle-07-v2.json
@@ -0,0 +1,103 @@
+{
+ "cycle": 7,
+ "evalVersion": "v2",
+ "label": "Resist the brief on pulse: gate 78 (dark-mode reflex) + gate 79 (glassmorphism). Flipped to a light single-accent palette; removed neon gradient/glass/gradient-text/side-tab; replaced fabricated 10x/99.99%/50k+ metrics with honest facts; scoped motion, focus rings, button hierarchy.",
+ "ruleCount": 43,
+ "fixtureCount": 5,
+ "cycleScore": 82.4,
+ "aggDims": {
+ "typography": 4.556,
+ "color": 5,
+ "visual": 5,
+ "layout": 3.778,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 4.333,
+ "general": 4.667,
+ "craft": 3.886,
+ "structure": 0
+ },
+ "fixtures": [
+ {
+ "name": "ledger",
+ "score100": 86.1,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 3.889,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143,
+ "structure": 0
+ }
+ },
+ {
+ "name": "fernweh",
+ "score100": 87.2,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 4.444,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143,
+ "structure": 0
+ }
+ },
+ {
+ "name": "kiln",
+ "score100": 87.7,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 4.444,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.429,
+ "structure": 0
+ }
+ },
+ {
+ "name": "pulse",
+ "score100": 76.3,
+ "dimScores": {
+ "typography": 3.889,
+ "color": 5,
+ "visual": 5,
+ "layout": 2.778,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 3.333,
+ "general": 5,
+ "craft": 3.143,
+ "structure": 0
+ }
+ },
+ {
+ "name": "vellum",
+ "score100": 74.9,
+ "dimScores": {
+ "typography": 3.889,
+ "color": 5,
+ "visual": 5,
+ "layout": 3.333,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 3.333,
+ "general": 3.333,
+ "craft": 3.571,
+ "structure": 0
+ }
+ }
+ ],
+ "timestamp": "2026-05-21T10:25:29.554Z"
+}
\ No newline at end of file
diff --git a/evals/results/cycle-08-v2.json b/evals/results/cycle-08-v2.json
new file mode 100644
index 0000000..47ac925
--- /dev/null
+++ b/evals/results/cycle-08-v2.json
@@ -0,0 +1,103 @@
+{
+ "cycle": 8,
+ "evalVersion": "v2",
+ "label": "pulse structural cleanup: gate 80 (icon-tile-above-heading) + gate 81 (mono-as-shorthand) + gate 82 (everything-in-cards). Distinctive face, empty icon tiles dropped, vanity KPI strip de-metered into a baseline fact row, grids varied, hero bottom-weighted, overflow clipped.",
+ "ruleCount": 43,
+ "fixtureCount": 5,
+ "cycleScore": 84.8,
+ "aggDims": {
+ "typography": 4.778,
+ "color": 5,
+ "visual": 5,
+ "layout": 4.222,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 4.667,
+ "general": 4.667,
+ "craft": 4.057,
+ "structure": 0
+ },
+ "fixtures": [
+ {
+ "name": "ledger",
+ "score100": 86.1,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 3.889,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143,
+ "structure": 0
+ }
+ },
+ {
+ "name": "fernweh",
+ "score100": 87.2,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 4.444,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143,
+ "structure": 0
+ }
+ },
+ {
+ "name": "kiln",
+ "score100": 87.7,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 4.444,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.429,
+ "structure": 0
+ }
+ },
+ {
+ "name": "pulse",
+ "score100": 88,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4,
+ "structure": 0
+ }
+ },
+ {
+ "name": "vellum",
+ "score100": 74.9,
+ "dimScores": {
+ "typography": 3.889,
+ "color": 5,
+ "visual": 5,
+ "layout": 3.333,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 3.333,
+ "general": 3.333,
+ "craft": 3.571,
+ "structure": 0
+ }
+ }
+ ],
+ "timestamp": "2026-05-21T10:29:29.372Z"
+}
\ No newline at end of file
diff --git a/evals/results/cycle-09-v2.json b/evals/results/cycle-09-v2.json
new file mode 100644
index 0000000..e5675f9
--- /dev/null
+++ b/evals/results/cycle-09-v2.json
@@ -0,0 +1,103 @@
+{
+ "cycle": 9,
+ "evalVersion": "v2",
+ "label": "Order parameter + reading comfort: gate 83 (long-form leading/measure) + gate 84 (cross-output macrostructure reuse). pulse re-keyed stat-led -> feature-stack; vellum stamped long-document with a Fraunces/Spectral pairing, 1.6 leading, 68ch measure, ragged-right. structure 0 -> 5.",
+ "ruleCount": 43,
+ "fixtureCount": 5,
+ "cycleScore": 97.6,
+ "aggDims": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 4.555,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.257,
+ "structure": 5
+ },
+ "fixtures": [
+ {
+ "name": "ledger",
+ "score100": 96.1,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 3.889,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143,
+ "structure": 5
+ }
+ },
+ {
+ "name": "fernweh",
+ "score100": 97.2,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 4.444,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143,
+ "structure": 5
+ }
+ },
+ {
+ "name": "kiln",
+ "score100": 97.7,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 4.444,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.429,
+ "structure": 5
+ }
+ },
+ {
+ "name": "pulse",
+ "score100": 98.9,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.429,
+ "structure": 5
+ }
+ },
+ {
+ "name": "vellum",
+ "score100": 98.3,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143,
+ "structure": 5
+ }
+ }
+ ],
+ "timestamp": "2026-05-21T10:30:31.596Z"
+}
\ No newline at end of file
diff --git a/evals/results/cycle-10-v2.json b/evals/results/cycle-10-v2.json
new file mode 100644
index 0000000..535612d
--- /dev/null
+++ b/evals/results/cycle-10-v2.json
@@ -0,0 +1,103 @@
+{
+ "cycle": 10,
+ "evalVersion": "v2",
+ "label": "Final consolidation: enforce gate 54 (hero bottom-weight) across the three originals; de-meter ledger's big-number stat strip into an inline fact row (clears the hero-metric tell v2 surfaced). All five fixtures detector-clean on v2.",
+ "ruleCount": 43,
+ "fixtureCount": 5,
+ "cycleScore": 98.7,
+ "aggDims": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.315,
+ "structure": 5
+ },
+ "fixtures": [
+ {
+ "name": "ledger",
+ "score100": 98.9,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.429,
+ "structure": 5
+ }
+ },
+ {
+ "name": "fernweh",
+ "score100": 98.3,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143,
+ "structure": 5
+ }
+ },
+ {
+ "name": "kiln",
+ "score100": 98.9,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.429,
+ "structure": 5
+ }
+ },
+ {
+ "name": "pulse",
+ "score100": 98.9,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.429,
+ "structure": 5
+ }
+ },
+ {
+ "name": "vellum",
+ "score100": 98.3,
+ "dimScores": {
+ "typography": 5,
+ "color": 5,
+ "visual": 5,
+ "layout": 5,
+ "motion": 5,
+ "interaction": 5,
+ "responsive": 5,
+ "general": 5,
+ "craft": 4.143,
+ "structure": 5
+ }
+ }
+ ],
+ "timestamp": "2026-05-21T10:31:23.320Z"
+}
\ No newline at end of file
diff --git a/evals/results/history.md b/evals/results/history.md
new file mode 100644
index 0000000..0e81d5b
--- /dev/null
+++ b/evals/results/history.md
@@ -0,0 +1,32 @@
+# Eval history — Hallmark anti-slop hillclimb
+
+Score = mean of detector dimensions plus craft, × 20 (0–100). v2 also
+folds in the cross-fixture `structure` order parameter. Dimensions 1–8
+are the deterministic Impeccable detector; `craft` is the LLM-judge mean
+of Hallmark's six axes + honesty.
+
+| Cycle | Eval | Rules | Score | visua | typog | color | layou | motio | inter | respo | gener | craft | struc | Change |
+|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
+| 1 | v1 | 37 | **74.2** | 3.89 | 4.52 | 3.61 | 3.33 | 4.33 | 3.33 | 3.89 | 2.78 | 3.71 | — | — |
+| 2 | v1 | 37 | **78.0** | 3.89 | 5.00 | 4.72 | 3.33 | 4.33 | 3.33 | 3.89 | 2.78 | 3.81 | — | +3.8 |
+| 3 | v1 | 37 | **81.8** | 3.89 | 5.00 | 4.72 | 5.00 | 4.33 | 3.33 | 3.89 | 2.78 | 3.86 | — | +3.8 |
+| 4 | v1 | 37 | **85.9** | 3.89 | 5.00 | 4.72 | 5.00 | 4.33 | 5.00 | 3.89 | 2.78 | 4.05 | — | +4.1 |
+| 5 | v1 | 37 | **98.3** | 5.00 | 5.00 | 5.00 | 5.00 | 5.00 | 5.00 | 5.00 | 5.00 | 4.24 | — | +12.4 |
+| 6 | v2 | 43 | **76.4** | 4.33 | 4.44 | 4.57 | 3.78 | 4.40 | 4.75 | 4.33 | 4.00 | 3.57 | 0.00 | -21.9 |
+| 7 | v2 | 43 | **82.4** | 5.00 | 4.56 | 5.00 | 3.78 | 5.00 | 5.00 | 4.33 | 4.67 | 3.89 | 0.00 | +6.0 |
+| 8 | v2 | 43 | **84.8** | 5.00 | 4.78 | 5.00 | 4.22 | 5.00 | 5.00 | 4.67 | 4.67 | 4.06 | 0.00 | +2.4 |
+| 9 | v2 | 43 | **97.6** | 5.00 | 5.00 | 5.00 | 4.55 | 5.00 | 5.00 | 5.00 | 5.00 | 4.26 | 5.00 | +12.8 |
+| 10 | v2 | 43 | **98.7** | 5.00 | 5.00 | 5.00 | 5.00 | 5.00 | 5.00 | 5.00 | 5.00 | 4.32 | 5.00 | +1.1 |
+
+## Notes per cycle
+
+- **Cycle 1 (v1)** — Baseline: skill applied as-is; residual slop across motion, color, layout, interaction, visual.
+- **Cycle 2 (v1)** — Typography & palette discipline: gate 70 (single-typeface floor) + gate 71 (AI-palette / raw colour in gradients). ledger gets a real pairing and a solid headline; bloom tokenised.
+- **Cycle 3 (v1)** — Layout discipline: gate 72 (justified text) + gate 73 (skipped heading levels). fernweh de-centred and re-leveled; rote 3-equal grids varied; kiln spacing back on the 4px scale.
+- **Cycle 4 (v1)** — Interaction discipline: gate 74 (button hierarchy) + gate 75 (reflexive modal). Secondary register added to ledger/fernweh; fernweh emoji icons replaced with numbered walks; kiln modal swapped for an inline reserve section.
+- **Cycle 5 (v1)** — Cleanup + gate 76 (decorative chart) + gate 77 (feature amputation; detector media-extractor hardened). kiln side-tab/sparkline removed and gallery reflows; ledger motion scoped; stamps + overflow clip + focus rings across all three.
+- **Cycle 6 (v2)** — EVAL UPGRADE -> v2 (your evals will break): +6 detector rules (hero-float/gate54, dark-mode reflex, hero-metric, icon-tile-above-heading, mono-as-shorthand, everything-in-cards) + cross-fixture order parameter (macrostructure reuse) + 2 adversarial fixtures (pulse, vellum). Re-measure only, no fixes.
+- **Cycle 7 (v2)** — Resist the brief on pulse: gate 78 (dark-mode reflex) + gate 79 (glassmorphism). Flipped to a light single-accent palette; removed neon gradient/glass/gradient-text/side-tab; replaced fabricated 10x/99.99%/50k+ metrics with honest facts; scoped motion, focus rings, button hierarchy.
+- **Cycle 8 (v2)** — pulse structural cleanup: gate 80 (icon-tile-above-heading) + gate 81 (mono-as-shorthand) + gate 82 (everything-in-cards). Distinctive face, empty icon tiles dropped, vanity KPI strip de-metered into a baseline fact row, grids varied, hero bottom-weighted, overflow clipped.
+- **Cycle 9 (v2)** — Order parameter + reading comfort: gate 83 (long-form leading/measure) + gate 84 (cross-output macrostructure reuse). pulse re-keyed stat-led -> feature-stack; vellum stamped long-document with a Fraunces/Spectral pairing, 1.6 leading, 68ch measure, ragged-right. structure 0 -> 5.
+- **Cycle 10 (v2)** — Final consolidation: enforce gate 54 (hero bottom-weight) across the three originals; de-meter ledger's big-number stat strip into an inline fact row (clears the hero-metric tell v2 surfaced). All five fixtures detector-clean on v2.
diff --git a/evals/rubric.md b/evals/rubric.md
new file mode 100644
index 0000000..dae8204
--- /dev/null
+++ b/evals/rubric.md
@@ -0,0 +1,56 @@
+# Hallmark eval rubric
+
+Hallmark's one job: emit UI that looks **made, not generated**. This rubric
+scores that job against two external anchors and Hallmark's own craft axes.
+
+## Anchors
+
+1. **Impeccable's slop standard** — "37 patterns that mark an interface as
+ AI-generated" across 8 dimensions (impeccable.style/slop). The
+ deterministic, CLI-checkable subset is encoded in `detector.mjs`.
+2. **Hallmark's pre-emit self-critique** — six craft axes (philosophy,
+ hierarchy, execution, specificity, restraint, variety) plus honest copy.
+ These are taste calls, scored 1–5 by an LLM judge per fixture.
+
+## Dimensions (each 0–5)
+
+| # | Dimension | Source | Scored by | What a 5 looks like |
+|---|---|---|---|---|
+| 1 | **visual** | Impeccable | detector | No side-tab stripes, glass, or decorative sparklines |
+| 2 | **typography** | Impeccable | detector | Distinctive faces, ≤3 families, comfortable leading, mixed-case body |
+| 3 | **color** | Impeccable | detector | Tokenised palette, no gradient text / AI purple, real contrast |
+| 4 | **layout** | Impeccable | detector | Asymmetric, 4px scale, ≤75ch measure, contiguous headings |
+| 5 | **motion** | Impeccable | detector | Scoped transitions, no overshoot, reduced-motion guard |
+| 6 | **interaction** | Impeccable | detector | Button hierarchy, no emoji icons, specific copy |
+| 7 | **responsive** | Impeccable | detector | overflow-x clipped, minmax tracks, no feature amputation |
+| 8 | **general** | Impeccable + Hallmark | detector | focus-visible, stamp present, full state coverage |
+| 9 | **craft** | Hallmark | LLM judge | A clear position, instant hierarchy, in-spec execution, brief-specific, restrained, structurally varied, honest |
+
+**Fixture score** = mean of the detector dimensions plus craft × 20 (0–100).
+In v2, the cross-fixture `structure` order parameter is also folded into each
+fixture score. **Cycle score** = mean of fixture scores.
+
+## Judge sidecar (per fixture, 1–5)
+
+`philosophy`, `hierarchy`, `execution`, `specificity`, `restraint`,
+`variety`, `honesty`. A score < 3 on any axis means the fixture would have
+triggered a Hallmark revision pass before emit.
+
+## How a cycle works (hillclimbing)
+
+1. Run `node run.mjs --cycle N --eval vX` → detector + judge → cycle score.
+2. Read the failing rules. For each, ask **"why didn't the skill prevent
+ this?"** — the answer is a gap in `SKILL.md` / `references/`.
+3. Close the gap in the skill (new/strengthened gate or rule), then bring the
+ fixtures into line with the strengthened skill.
+4. Re-run. The score is the cycle's result. The skill — not just the
+ fixtures — is what improved.
+
+## Why the eval is versioned (v1 → v2)
+
+Per *"Your Evals Will Break and You Won't See It Coming"*: static evals are
+structurally reactive and silently miss new failure regimes. Once fixtures
+saturate v1, the detector is no longer measuring slop — it is measuring
+"slop v1 already knows about." v2 adds order-parameter-style meta checks and
+adversarial fixtures that probe the tells v1 cannot see, then we hillclimb
+again.
diff --git a/evals/run.mjs b/evals/run.mjs
new file mode 100644
index 0000000..f2456d8
--- /dev/null
+++ b/evals/run.mjs
@@ -0,0 +1,29 @@
+// Hallmark eval runner.
+//
+// Combines the deterministic detector (8 Impeccable dimensions) with an
+// LLM-judge sidecar (Hallmark's 6 craft axes + honesty) for each fixture,
+// aggregates a cycle score, snapshots evals/results/cycle-NN.json, and
+// rebuilds evals/results/history.md.
+//
+// Usage: node run.mjs --cycle --eval v1|v2 --label "what changed"
+
+import { DIM_ORDER, evaluateCycle, rebuildHistory, writeSnapshot } from './core.mjs';
+
+function arg(name, def) {
+ const i = process.argv.indexOf(`--${name}`);
+ return i >= 0 ? process.argv[i + 1] : def;
+}
+
+const cycle = +arg('cycle', '0');
+const evalVersion = arg('eval', 'v1');
+const label = arg('label', '');
+
+const { snapshot, perFixture } = evaluateCycle({ cycle, evalVersion, label });
+writeSnapshot(snapshot);
+rebuildHistory();
+
+// console summary
+console.log(`\nCycle ${cycle} (${evalVersion}) — ${label}`);
+console.log(` rules: ${snapshot.ruleCount} fixtures: ${snapshot.fixtureCount} SCORE: ${snapshot.cycleScore}/100`);
+for (const d of DIM_ORDER) if (snapshot.aggDims[d] != null) console.log(` ${d.padEnd(12)} ${snapshot.aggDims[d].toFixed(2)}/5`);
+for (const f of perFixture) console.log(` · ${f.name.padEnd(16)} ${f.score100}/100`);
diff --git a/references/slop-test.md b/references/slop-test.md
index 4419a67..ad23b20 100644
--- a/references/slop-test.md
+++ b/references/slop-test.md
@@ -200,6 +200,144 @@ Universal. Every emitted page must render flawlessly at 320 px, 375 px, 414 px,
The CSS stamp at Step 6 records mobile pass alongside contrast: `· mobile: pass (36, 59, 61–69)`.
+## Eval-hardened gates (70+)
+
+These gates were added by the anti-slop eval harness (`evals/`). Each one
+closes a gap the deterministic detector found that the gates above missed.
+They are checked the same way: every answer must be **no**.
+
+70. **Single typeface across the whole page.** Does the artifact resolve to
+ exactly **one** non-generic `font-family` family for every text element?
+ Gate 39 caps the *ceiling* at three families; this catches the *floor*.
+ One face everywhere is the flat-type tell — the page reads as a
+ word-processor default, not a designed system. The fix is a deliberate
+ pairing: a display register distinct from the body register (the 2+1 rule
+ in [`typography.md`](typography.md)). A monospace used only inside ``
+ does not count as the second face.
+
+71. **AI palette in a gradient, or raw colour inside a gradient.** Does any
+ `linear/radial/conic-gradient(...)` (a) move through the AI signature —
+ violet/purple/indigo → blue/cyan, or any OKLCH hue in the 270–330 band —
+ or (b) contain a raw `#hex` / `oklch(...)` / `rgb(...)` literal instead of
+ a `var(--token)`? Both fail. (a) is the single most-recognised colour tell
+ (sharpens gate 2). (b) is mid-render token improvisation (gate 58) hiding
+ inside a gradient — the model picked the theme, then freestyled the
+ gradient stops. Fix: lift every stop to a named token, and choose a hue
+ family that belongs to the brief, not to the AI-default violet→cyan ramp.
+
+72. **Justified body text.** Is `text-align: justify` set on any prose
+ container (`p`, `li`, article body, lede)? Auto-fail. Browser
+ justification has no hyphenation dictionary by default, so it opens
+ "rivers" of white space down the column — an unmistakable
+ word-processor / AI-export tell. Set prose ragged-right (`text-align:
+ start`/`left`). Justification is admissible only on a true multi-column
+ print specimen with `hyphens: auto` *and* a narrow measure, which a web
+ page almost never is.
+
+73. **Skipped heading level.** Reading the document outline top to bottom,
+ does any heading jump more than one level (e.g. `h1` → `h3` with no `h2`,
+ or `h2` → `h4`)? Auto-fail. Heading levels are the document's
+ machine-readable hierarchy; skipping a level to get a smaller font is
+ styling leaking into structure, and it breaks screen-reader navigation.
+ Fix by using the correct level and styling it down with a class — the
+ visual size and the semantic level are independent decisions.
+
+74. **Every button is primary.** Does the page render three or more
+ button/CTA affordances that all share the same filled accent register,
+ with no secondary/quiet variant defined and used? Fail. When everything
+ shouts, nothing leads — and a wall of identical accent fills is a strong
+ AI tell (the model styled one button and copied it). There must be a
+ visible hierarchy: one primary action per view, the rest as a secondary
+ register (ghost, outline, or plain text link). The secondary variant must
+ actually be *applied*, not just defined.
+
+75. **Reflexive modal / dialog.** Did the build reach for a `