✳flâneur — a map of the web's best reading
Design Systems Typography Guide
designsystems.com · 1,102 words · saved by 1 readers
Learn about choosing typefaces, font weights, styles, sizes, line-heights, and responsive type for your design system.
Typography is one of the most important aspects of your design system to establish early on—think of how much information you'll communicate to users through type. Type could account for 85-90% of any given screen. Typography is often one of the foundational components you will want to get a handle on as it will need to work harmoniously with other elements like icons and UI controls. Your line-heights may even influence many other structural elements like spacing and grids. Here are a few key areas you'll want to think through. Choosing typefaces There are many considerations when choosing ty
Explore this link on the map →saved by
related reading
- Typescale - Create stunning typography, generate CSS, and find inspiration.typescale.com
- Spacing, grids, and layoutsdesignsystems.com
- The 40 Best Google Fonts—A Curated Collection for 2026 · Typewolftypewolf.com
- Jessica Hische - Upping Your Type Gamejessicahische.is
- Ultimate Guide to Typography in Design | Figmafigma.com
- Geist Fontvercel.com
- Tips for better typographyseangrindal.com
- Say precisely what you mean.index.how
- Interactive Typography Tutorial – Learn UI Designlearnui.design
- Kick-start your typography system in Figmafigma.com
- Typography in ten minutes | Butterick’s Practical Typographypracticaltypography.com
- 50 fonts that will be popular with designers in 2024 | Creative Boomcreativeboom.com