{ "path": ".capture/card.html", "plan": [ { "move": "Subtract", "fix_id": 1, "fix": "Delete filler badges", "change": "Removed the NEW pill and its styles." }, { "move": "Subtract", "fix_id": 2, "fix": "Drop redundant labels", "change": "Removed the '02 · PLAN' eyebrow and the all-caps 'INTELLIGENT · AUTONOMOUS · SAFE' subtitle." }, { "move": "Subtract", "fix_id": 3, "fix": "Unitalicize random words", "change": "Removed the italics from the headline and dropped Instrument Serif." }, { "move": "Subtract", "fix_id": 4, "fix": "Mono only where needed", "change": "Mono now appears only in the file-path block; the eyebrow that used mono is gone." }, { "move": "Subtract", "fix_id": 13, "fix": "Remove embellishments", "change": "Removed the decorative → arrows from the action labels and the ← from the path line." }, { "move": "Focus", "fix_id": 9, "fix": "Make headlines specific", "change": "Replaced 'Plans first. Acts second.' with 'See the plan before any file changes' and cut the body copy to the edit/reorder/reject facts without powerful/AI-driven/seamlessly/empowering." }, { "move": "Focus", "fix_id": 6, "fix": "Show the actual product", "change": "Turned the breadcrumb into a code block showing the real files the plan touches." }, { "move": "Focus", "fix_id": 10, "fix": "Emphasize the CTA", "change": "Made 'Get started' the one solid accent button and turned 'Learn more' into a quiet underlined link." }, { "move": "Focus", "fix_id": 16, "fix": "Wrap headlines properly", "change": "Gave the heading text-wrap: balance and max-width: 22ch." }, { "move": "Systematize", "fix_id": 5, "fix": "Use a design system", "change": "Added tokens for 6 colours, 2 fonts, a 4/8/12/16/24 spacing scale and a radius, and replaced the 8 white alpha values with them." }, { "move": "Systematize", "fix_id": 11, "fix": "Add an accent colour", "change": "Replaced the purple-to-cyan gradient with a calm ground and used the brand purple #6E4CF5 only on the primary action." }, { "move": "Systematize", "fix_id": 8, "fix": "Group with spacing", "change": "Removed both
dividers and every border, so spacing alone now separates text, the code block and the actions." }, { "move": "Systematize", "fix_id": 15, "fix": "Improve text contrast", "change": "Replaced low-opacity white-on-gradient text with solid ink (17:1) and ink-soft (8.6:1); white on the accent is 5.8:1." }, { "move": "Systematize", "fix_id": 14, "fix": "Inner radius = outer - padding", "change": "Nested elements no longer try to sit concentric with the card corners; they now take small radii from the spacing scale." }, { "move": "Systematize", "fix_id": 18, "fix": "Use tabular nums", "change": "Turned on tabular-nums in the code block, which holds the '3 relevant' count." } ], "diff": "--- a/card.html\n+++ b/card.html\n@@ -5,37 +5,43 @@\n Feature card, default AI output\n \n \n-\n+\n \n \n \n
\n
\n-
02 · PLANNEW
\n-
Plans first. Acts second.
\n-
INTELLIGENT · AUTONOMOUS · SAFE
\n-
\n-
src/auth/refresh.py → tests/auth/ ← 3 relevant
\n-

Our powerful AI-driven planning engine lets you seamlessly see the plan before any changes are made, empowering you to edit, reorder, or reject it with confidence.

\n-
\n-
Learn more →Get started →
\n+
See the plan before any file changes
\n+

Edit it, reorder it or reject it with confidence.

\n+ 
src/auth/refresh.py → tests/auth/  (3 relevant)
\n+
Get startedLearn more
\n
\n
\n \n", "before": { "source": ".capture/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": "
(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": "
(line 33)", "detail": "\"INTELLIGENT · AUTONOMOUS · SAFE\"" } ], "fix_ids": [ 2 ] }, { "indicator": "Periods in titles", "layer": "Type", "evidence": [ { "location": "
(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": " (line 31)", "detail": "bordered box inside bordered
(line 30)" }, { "location": " (line 38)", "detail": "bordered box inside bordered
(line 30)" } ], "fix_ids": [ 8 ] }, { "indicator": "Overusing dividers", "layer": "Surface", "evidence": [ { "location": "
(line 34)", "detail": "
" }, { "location": "
(line 37)", "detail": "
" } ], "fix_ids": [ 8 ] }, { "indicator": "Tags and pills", "layer": "Structure", "evidence": [ { "location": " (line 31)", "detail": "\"NEW\"" } ], "fix_ids": [ 1 ] }, { "indicator": "Eyebrows", "layer": "Structure", "evidence": [ { "location": "
(line 31)", "detail": "\"02 · PLANNEW\" above \"Plans first. Acts second.\"" } ], "fix_ids": [ 2 ] }, { "indicator": "Section numbering", "layer": "Structure", "evidence": [ { "location": "
(line 31)", "detail": "\"02 · PLAN\"" } ], "fix_ids": [ 2 ] }, { "indicator": "Code breadcrumbs", "layer": "Structure", "evidence": [ { "location": "
(line 35)", "detail": "\"src/auth/refresh.py → tests/auth/ ← 3 relevant\"" } ], "fix_ids": [ 4, 6 ] }, { "indicator": "Verbose, redundant text", "layer": "Content", "evidence": [ { "location": "

(line 36)", "detail": "\"powerful\" in \"Our powerful AI-driven planning engine lets you seamlessly see the plan before any changes are ma...\"" }, { "location": "

(line 36)", "detail": "\"AI-driven\" in \"Our powerful AI-driven planning engine lets you seamlessly see the plan before any changes are ma...\"" }, { "location": "

(line 36)", "detail": "\"seamlessly\" in \"Our powerful AI-driven planning engine lets you seamlessly see the plan before any changes are ma...\"" }, { "location": "

(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" ] }, "after": { "source": "inline", "score": 0, "verdict": "No defaults showing", "hits": [], "fixes_first": [] }, "written": true, "notes": [ "The page had no or href values. Both actions were plain s and still are, so 'Get started' and 'Learn more' need real links before they work.", "I rewrote the copy as 'Edit it, reorder it or reject it with confidence.', built only from the original sentence. Check the headline 'See the plan before any file changes' against the brand voice.", "The accent is the brand purple #6E4CF5. I dropped the blue and cyan from the gradient. Bring one back if they are required brand colours.", "The page has no list or data feed, so I designed no loading, empty or error states and added no motion.", "The page has no list or data feed, so I designed no loading, empty or error states. It has no motion either, and I added none." ] }