Typogenesis

What It Does

An advanced editorial text layout engine where text flows around animated orb obstacles in real time, responds to pressure with color shifts, and floats above a 1,200-particle generative flow field.

Key Features

• Multi-column layout — Real-time reflow around interactive obstacles
• Adaptive headline sizing — Binary search for optimal headline fit
• Shrinkwrap pull quotes — Zero dead space around quoted text
• Drag orbs to reposition — Text reflows in real time as obstacles move
• 1,200-particle flow field — Generative background animation
• Pressure-reactive text — Glow amber/rose when text is compressed
• 0.5ms layout per frame — Zero DOM reads, zero layout reflows
• Full keyboard accessibility — Screen reader compatible