1import data from "./fixture.json";2import { css } from "styled-system/css";
Violations
58 counted, under 7 rules. “Not counted” marks a compiler error that restates a design-system violation, “Ignored” one the agent silenced with a comment.
page.tsx:14:19 · 960px`960px` is a raw length. Use a token.
page.tsx:16:18 · 2rem 1.5rem`2rem 1.5rem` is a raw length. Use a token.
page.tsx:20:46 · 2rem`2rem` is a raw length. Use a token.
page.tsx:21:40 · 1.5rem`1.5rem` is a raw length. Use a token.
page.tsx:21:81 · 0.5rem`0.5rem` is a raw length. Use a token.
page.tsx:32:16 · 0.75rem`0.75rem` is a raw length. Use a token.
page.tsx:33:20 · 1.5rem`1.5rem` is a raw length. Use a token.
Steps
One row per model call, with the tools it asked for. An agent that reads the guidelines before writing shows it here; what a checker or submit_view answered is under its call.
page.tsx:1:1 · <p class="c_#4b5563">Period: 2026-10-01 to 2026-10-31</p>Elements must meet minimum color contrast ratio thresholds (28 elements, dark theme)
page.tsx:1:1 · <span class="fw_600 c_#dc2626 ta_right white-space_nowrap">-13.99 EUR</span>Elements must meet minimum color contrast ratio thresholds (4 elements, light theme)
page.tsx:17:21 · system-ui, sans-serif`fontFamily: "system-ui, sans-serif"`: `system-ui, sans-serif` is not a fonts token. Use one of: sans, mono.
page.tsx:48:46 · ui-monospace, monospace`fontFamily: "ui-monospace, monospace"`: `ui-monospace, monospace` is not a fonts token. Use one of: sans, mono.