Files
pbakaus_impeccable/public/css
Paul Bakaus 598c43cc05 refine(site): Antidote wall → before/after pairs
The "wall of three screenshots" alone looked, at a glance, like
examples of pages made WITH Impeccable. Wrong signal. Replace each
card with a vertical before/after pair: anti-pattern screenshot on
top, hand-built refined alternative underneath. Pair labels use
colored pills (before = crimson, after = green) on the image corners
so the contrast is immediate. Three pairs shown:

1. Purple Gradients → warm editorial hero (cream bg, italic serif
   title with magenta emphasis word, squared ink CTA, no gradient)
2. Cardocalypse → flat data table (mono labels, display numbers,
   green delta, hairline rules between rows, no nested boxes)
3. Hero-Metric Template → one honest insight (single 52px italic
   number with percent accent, body explanation mentioning the
   actual reason, subtle sparkline)

Lead copy updated: "Before, and what Impeccable steers toward instead."

After mocks are pure inline HTML/CSS — no new image assets needed,
no font dependencies, fully respect brand (Cormorant italic display,
Instrument Sans body, magenta accent, warm cream bg, sharp CTAs).
2026-04-22 14:39:09 -07:00
..