Typography
12How letters and words look on screen.
Jambo · Learn
UI design,
one term at a time.
A friendly dictionary of UI design terms — clear definitions paired with simple SVG diagrams. Built for designers learning the craft.
143 terms · 10 categories
Browse by category
10 categories
Color
10Choosing and combining colors.
Layout & Spacing
14How elements are placed and spaced.
Components
11The reusable parts of an interface.
Interaction
10What happens when users do something.
Forms
16How users enter and confirm information.
Navigation
12How users move through a product.
Data Display
10How information is shown in tables, lists, and visuals.
Page Patterns
18Common building blocks for landing pages and content sections.
App Patterns
30Patterns specific to apps, mobile, and edge cases.
Featured terms
A handful to get you started
Type hierarchy
typographyUsing size and weight to show importance.
Kerning
typographyThe space between two specific letters.
Contrast
colorThe difference in light or color between two things.
White space
layoutThe empty area around and between elements.
Button
componentsAn element you click or tap to make something happen.
Hover
interactionThe visual change when a cursor moves over an element.