Skip to content

v2.4.1 — static before/after WebP, interactive-token fix

Latest

Choose a tag to compare

@Kayforkind Kayforkind released this 26 Aug 13:16
· 4 commits to main since this release

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 freezepage() 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 cabinets now 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.