reskin

Real public pages, content and links untouched, restyled by a local 12B model from a design-token markdown file. Every "after" passed five lint gates before it was written: text contrast (WCAG AA), visible keyboard focus, 375px phone layout with no horizontal scroll, every original link still present, and reduced motion.

20 shipped · 0 rejected by the gates · model gemma-4-12b · 2026-10-30

news.ycombinator.com in the style of Linear

open reskin · original

news.ycombinator.com as published — before

news.ycombinator.com reskinned in the style of Linear — after

✓ contrast 320 text els
✓ links 226/226
✓ focus 30 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×3.35

news.ycombinator.com in the style of Windows 95

open reskin · original

news.ycombinator.com as published — before

news.ycombinator.com reskinned in the style of Windows 95 — after

✓ contrast 320 text els
✓ links 226/226
✓ focus 30 stops
✓ phone 375/375px
✓ motion reduced
passed at autofix-2, 8 autofix rules · height ×1.49

en.wikipedia.org in the style of Stripe

open reskin · original

en.wikipedia.org as published — before

en.wikipedia.org reskinned in the style of Stripe — after

✓ contrast 1144 text els
✓ links 1251/1251
✓ focus 30 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×1.39

en.wikipedia.org in the style of Teenage Engineering

open reskin · original

en.wikipedia.org as published — before

en.wikipedia.org reskinned in the style of Teenage Engineering — after

✓ contrast 1144 text els
✓ links 1251/1251
✓ focus 30 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-2 · height ×1.09

sfbay.craigslist.org in the style of Apple

open reskin · original

sfbay.craigslist.org as published — before

sfbay.craigslist.org reskinned in the style of Apple — after

✓ contrast 304 text els
✓ links 269/269
✓ focus 30 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×5.49

sfbay.craigslist.org in the style of Vercel

open reskin · original

sfbay.craigslist.org as published — before

sfbay.craigslist.org reskinned in the style of Vercel — after

✓ contrast 304 text els
✓ links 269/269
✓ focus 30 stops
✓ phone 375/375px
✓ motion reduced
passed at autofix-1, 3 autofix rules · height ×9

gov.uk in the style of Apple

open reskin · original

gov.uk as published — before

gov.uk reskinned in the style of Apple — after

✓ contrast 93 text els
✓ links 86/86
✓ focus 30 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×1.39

gov.uk in the style of Linear

open reskin · original

gov.uk as published — before

gov.uk reskinned in the style of Linear — after

✓ contrast 93 text els
✓ links 86/86
✓ focus 30 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×1.09

usa.gov in the style of Vercel

open reskin · original

usa.gov as published — before

usa.gov reskinned in the style of Vercel — after

✓ contrast 98 text els
✓ links 77/77
✓ focus 30 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×1.51

usa.gov in the style of Windows 95

open reskin · original

usa.gov as published — before

usa.gov reskinned in the style of Windows 95 — after

✓ contrast 98 text els
✓ links 77/77
✓ focus 30 stops
✓ phone 375/375px
✓ motion reduced
passed at autofix-1, 2 autofix rules · height ×1.05

info.cern.ch in the style of Linear

open reskin · original

info.cern.ch as published — before

info.cern.ch reskinned in the style of Linear — after

✓ contrast 40 text els
✓ links 25/25
✓ focus 26 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×1.23

info.cern.ch in the style of Stripe

open reskin · original

info.cern.ch as published — before

info.cern.ch reskinned in the style of Stripe — after

✓ contrast 40 text els
✓ links 25/25
✓ focus 26 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×1.42

lite.cnn.com in the style of Apple

open reskin · original

lite.cnn.com as published — before

lite.cnn.com reskinned in the style of Apple — after

✓ contrast 126 text els
✓ links 111/111
✓ focus 30 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×2.73

lite.cnn.com in the style of Teenage Engineering

open reskin · original

lite.cnn.com as published — before

lite.cnn.com reskinned in the style of Teenage Engineering — after

✓ contrast 126 text els
✓ links 111/111
✓ focus 30 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-2 · height ×1.77

text.npr.org in the style of Stripe

open reskin · original

text.npr.org as published — before

text.npr.org reskinned in the style of Stripe — after

✓ contrast 35 text els
✓ links 28/28
✓ focus 29 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×1.91

text.npr.org in the style of Vercel

open reskin · original

text.npr.org as published — before

text.npr.org reskinned in the style of Vercel — after

✓ contrast 35 text els
✓ links 28/28
✓ focus 29 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×1.5

berkshirehathaway.com in the style of Linear

open reskin · original

berkshirehathaway.com as published — before

berkshirehathaway.com reskinned in the style of Linear — after

✓ contrast 34 text els
✓ links 18/18
✓ focus 19 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×1.47

berkshirehathaway.com in the style of Windows 95

open reskin · original

berkshirehathaway.com as published — before

berkshirehathaway.com reskinned in the style of Windows 95 — after

✓ contrast 34 text els
✓ links 18/18
✓ focus 19 stops
✓ phone 375/375px
✓ motion reduced
passed at autofix-1, 1 autofix rules · height ×1.28

w3.org in the style of Stripe

open reskin · original

w3.org as published — before

w3.org reskinned in the style of Stripe — after

✓ contrast 119 text els
✓ links 7/7
✓ focus 8 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×1.49

w3.org in the style of Teenage Engineering

open reskin · original

w3.org as published — before

w3.org reskinned in the style of Teenage Engineering — after

✓ contrast 119 text els
✓ links 7/7
✓ focus 8 stops
✓ phone 375/375px
✓ motion reduced
passed at llm-1 · height ×1.15

"In the style of" means a reading of a public design language, not the brand itself: no logos, no brand assets, no affiliation with or endorsement by any company named here or any site shown. Screenshots are of public pages, logged out, taken 2026-10-30.

Design reference text: VoltAgent/awesome-design-md; motion values from awesome-motion-md; gate set after hallmark's accessibility floor.