The Exat variable font microsite by Studio Size turns Hot Type's 21-style typeface into a scroll-driven, cursor-reactive interactive typographic showcase

Hot Type's Exat is among the most ambitious typeface releases of 2026. Inspired by the Croatian modernist collective EXAT 51, the Exat variable font spans Condensed, Normal, and Wide subfamilies across seven weights, with 1,715 glyphs covering Latin and Cyrillic scripts. Hot Type asked Studio Size to build a promotional site worthy of that scope.

The result treats typography as behavior rather than decoration. Each section introduces one axis of the type system, then moves on before becoming repetitive. Scroll drives the structure directly: position equals state, not sequence, so reversing restores previous forms. Calmer reading sections give way to denser expressive ones, managing visual fatigue while demonstrating the full range of the system.

How the Exat variable font responds to interaction

The opening glyph grid is the microsite's most direct demonstration. A field of lowercase characters reacts to cursor position, shifting weight and color through seven concentric rings of influence. The outermost ring renders characters in dark blue at minimum weight. The closest ring fires them in red at maximum weight. No instruction text explains this. The behavior reads immediately.

A Design Space section handles controlled comparison: hovering over style names morphs specimen text between weights and widths in real time. Large numerals move in sine-wave patterns tied to scroll speed, adding temporal depth without competing with the typeface. Three-dimensional reveals punctuate the experience sparingly, referencing the geometric spirit of EXAT 51 without overwhelming the page.

The microsite was developed alongside RISE2 Studio on WordPress, using GSAP, ScrollTrigger, and Lenis. Explore the Exat variable font at exat.hottype.co and read the full case study on Codrops.