Home▸Networks & Graph Theory▸Typography Layout Lab: 2D Legibility Model

🔤 Typography Layout Lab: 2D Legibility Model

A live page layout using real font metrics: drag the page edge, the leading ruler and the title handle while a modular type scale, WCAG contrast and a heuristic legibility index respond.

Networks & Graph Theory2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

⚙ Under the hood

A live page layout using real font metrics: drag the page edge, the leading ruler and the title handle while a modular type scale, WCAG contrast and a heuristic legibility index respond.

typographykerningleadingtype scalelegibility2D

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install