Experimental Typography Engine

Overview

Prototype engine that maps scroll position to variable font axes with reduced-motion guards.

The Challenge

Balance expressive type motion with accessibility and performance on low-end devices.

The Approach

• Uses IntersectionObserver to trigger axis changes.
• Motion tokens gate transitions when prefers-reduced-motion is set.
• Modular architecture to drop into Hugo partials.

The Outcome

A reusable experimental block for future essays without regressions to accessibility.