11 min read
How to convert Figma font sizes to CSS clamp tokens
A practical workflow for turning fixed Figma typography values into responsive CSS clamp tokens without losing the exact design breakpoint.
Read articleWeb Typography
Practical notes for better responsive type.
Guides on CSS clamp, Figma handoff, line-height, font choices, and the design system details that make typography work in production.
4 min read
Why line-height is harder on the web than it looks
Line-height looks simple in design tools, but web rendering, wrapping, unit choices, and font metrics make it one of the most common typography handoff problems.
Read article9 min read
Responsive typography with CSS clamp: rules that hold up
Use CSS clamp for fluid typography without creating unreadable mobile text, oversized desktop headings, or impossible design system values.
Read article4 min read
Choosing web fonts for real interfaces
A practical look at x-height, variable fonts, loading behavior, fallback stacks, and why some beautiful fonts fail in product UI.
Read article5 min read
Typography tokens for design systems: names, scales, and implementation
How to name typography tokens, map Figma styles to CSS variables, and keep responsive type usable across design and code.
Read article