Score
Exat Variable Font Microsite Redefines Type as a Living System
The Exat variable font microsite by Studio Size exemplifies a shift in brand strategy by treating typography as an interactive and responsive system rather than a static element. This innovative approach not only enhances user engagement but also positions the Hot Type brand as a leader in modern typographic design, showcasing the versatility and depth of their typeface through a dynamic online experience.
Abduzeedo: Exat Variable Font Microsite Redefines Type as a Living System sofia April 16, 2026 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 .
The article discusses an innovative approach to typography that significantly impacts brand strategy and user engagement, making it highly relevant and novel for professionals in the design industry.