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
• Invisible Details of Interaction Designrauno.me
• Web Interface Guidelinesvercel.com
• The Floor Has Risen — Tolu Olubodetolu.design
• GitHub - google-labs-code/design.md: A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.github.com
• Web Interface Guidelinesinterfaces.rauno.me
• Web Interface Guidelinesrauno.me
• Design tips | Malaika Aiyarmalaikaaiyar.me
• Visual design rules you can safely follow every timeanthonyhobday.com
• Building a Design System from scratch - The Blog of Maxime Heckelblog.maximeheckel.com
• Designing For Accessibility And Inclusion — Smashing Magazinesmashingmagazine.com
• GitHub - vercel-labs/web-interface-guidelines: Guidelines for building interfaces on the Web.github.com