Say precisely what you mean.

The words designers use when they know what they’re looking at.

Say precisely what you mean. 00 Vocabulary The words designers use when they know what they’re looking at. npx skills add index-how/vocabulary Supports Claude Code, Codex, Cursor and more. 01 Typography How text is set, spaced, and read. Kerning The space between two specific characters, adjusted manually. Different from tracking, which affects all characters equally. Tracking Letter-spacing applied uniformly across a word or block of text. Uppercase labels almost always need more of it. Leading The vertical space between lines of text. Too tight and text suffocates. Too loose and it stops rea

saved by

• Kristen Cheung
• Alicia Zhou
• Ray Arayilakath
• Hakeem Adjei
• Amber Zeng
• Tim Bols

related reading

• Details That Make Interfaces Feel Betterjakub.kr
• Visual design rules you can safely follow every timeanthonyhobday.com
• Invisible Details of Interaction Designrauno.me
• Web Interface Guidelinesvercel.com
• Design system 102: How to build a design systemfigma.com
• Web Interface Guidelinesrauno.me
• Web Interface Guidelinesinterfaces.rauno.me
• Ultimate Guide to Typography in Design | Figmafigma.com
• Details That Make Interfaces Feel Betterinterfaces.dev
• NameThatUI — What Is This UI Element Called?namethatui.com
• Tips for better typographyseangrindal.com
• Components | The Component Gallerycomponent.gallery