Leading
Width
31.25rem (500px)
Theme
Fixed line-heights from tokens.css: title 1.25 · heading 1.3 · body 1.5 · quote 1.55
Interactive: drag the width slider

Watch how leading adapts (or doesn't) as the text column changes width. The measure-aware mode interpolates line-height between a tight value (narrow columns) and a loose value (wide columns).

title (1.375rem)
Climbing Research Study

heading (1.125rem)
Community and Social Connection

body (0.875rem)

This section examines how participants described their initial entry into climbing communities, including the role of social connections in sustaining their engagement with the sport over time. Several recurring patterns emerged across interviews, suggesting that social bonds formed through climbing often become as important as the physical activity itself.


quote (0.92rem)

"I started maybe six years ago at a local indoor gym. A friend dragged me along and I was honestly terrible at first, but there was something about the problem-solving aspect that really hooked me. Each route is like a puzzle you solve with your body."

— p1 (Alex Chen)
satisfaction p1 confidence

body-sm context (0.8125rem)
Context: Discussing their first experience at the climbing gym and what kept them coming back. Duration: 45:32 · Transcribed with Whisper · 7 Feb 2026

second body paragraph

The transition from indoor to outdoor climbing was described by most participants as a significant milestone. Three participants explicitly mentioned that the social support of their climbing group was what gave them the confidence to attempt their first outdoor route. Without that encouragement, they said they would have remained exclusively indoor climbers.

Reference: fixed vs measure-aware at three widths

Same body paragraph at narrow (23rem), medium (36rem), and wide (52rem). Notice how fixed leading looks fine at narrow widths but feels tight at wide — the eye struggles to track back to the start of the next line.