Summary
- Static before/after WebP composites replace animated GIFs — every end-user example now ships a single
before-after.webp(source left, redesign right, gold arrow). 460–610 KB GIFs become 36–54 KB WebP; the 3.7 MB gallery animation becomes a 133 KB static grid; the meridian 3js/svg suite uses 16–30 KB static renders. The Pages site loads one request per image. - Fixed interactive-token freeze —
page()joined the shared fx layer and token scripts (3js, simulation) with no separator (})()(function(){…})()), throwing a TypeError that silently disabled the orbit canvas and timeline. Now separated; regression test added. - Web-fonts playground toggle — "Use web fonts" upgrades the chosen voice with Google Fonts; the flag travels through share links.
- Currency and quantity extraction —
$49,$1,200,$2.1B,40 staff,12,000 cabinetsnow survive into the redesign. 100-source stress test: 100% fidelity, 136/136 quality, 0 errors.
Breaking changes
None. Output remains 100% offline by default.
Testing
- 56/56 unit tests · 15-token audit · benchmark 100/100 gate
- Live Pages verified: WebP assets 200, old GIF URLs 404
📊 Measured quality (auto-generated)
| Direction | Fidelity (title kept) | Usability (quality /100) | Content art (glyphs/donut/bars/prism) |
|---|---|---|---|
webpage |
18/18 | 100/100 | 5.0 |
landing |
18/18 | 100/100 | 8.0 |
dashboard |
18/18 | 100/100 | 6.8 |
infographic |
18/18 | 100/100 | 5.0 |
cinematic |
18/18 | 100/100 | 5.0 |
artistic |
18/18 | 100/100 | 6.0 |
photography |
18/18 | 100/100 | 6.0 |
svg |
18/18 | 100/100 | 6.0 |
3js |
18/18 | 100/100 | 2.0 |
simulation |
18/18 | 100/100 | 5.0 |
glass |
18/18 | 100/100 | 5.0 |
editorial |
18/18 | 100/100 | 2.0 |
motion |
18/18 | 100/100 | 6.0 |
gradient |
18/18 | 100/100 | 5.0 |
showcase |
18/18 | 100/100 | 5.0 |
| Output diversity: 15.6% mean pairwise difference between directions on the same source — no two tokens produce the same page. | |||
Coverage: 60 generated pages (15 tokens × 4 sources), all audited structurally. Regenerate with node scripts/benchmark-tokens.js. |