USING DESIGN TOKENS FOR A PROPORTIONAL TYPOGRAPHIC SCALE

Summary from the TLDR Design newsletter

A proportional typographic scale creates a font size hierarchy using consistent mathematical ratios, starting with a base size and multiplying by a fixed ratio to generate larger and smaller sizes. Design tokens are ideal for creating these scales because they can reference other tokens' values and contain mathematical calculations, making it easy to build sophisticated typographic systems with few tokens. This approach ensures visual harmony and consistency across designs while making the system scalable and maintainable for both design and development teams.