Class

A selector that can be applied to any HTML element. Classes should be used when designing for multiple instances. For example, if you want all <h1> tags in the website to look blue, then you could use the class="blue-text" attribute.

More terms you might want to know

Complementary Colours

Colours that directly across the colour wheel, like blue and orange. When you put these colours next to each other, they make a great contrast together. Complementary colours are often found in nature.

Empathy Map

A way of researching users and understanding their behaviour in the context of the product, helping designers in understanding users' needs and expectations and what motivates them to act.

Designers can use this type of research to understand better their users and what kinds of experiences they are looking for. And this will allow the designers better empathize with their users, making them a part of the learning cycle.

Font Size

A measure of the height of a set of text on an element.

Microcopy

The small, non-essential text that appears on an interface. It has been set up specifically to be short and concise to draw attention to an essential user experience.

Kerning

The process of adjusting the spacing between individual letters to improve or avoid particular visual distortions.

Heatmap

A graphical representation of the density and distribution of data points. Denser regions in the image are interpreted as the data points' frequency, while lower densities are interpreted as fewer data points in that area.

Heatmaps show you where people worldwide are clicking on content to help you understand how people interact with your website designs and content.

Palette

A set of colors which can be used to create a particular visual effect. It is usually composed of multiple primary, secondary, and tertiary colours.

Vector Graphics

Vector graphics are made up of two sets of points: control points (which determine shape) and anchor points (determining length). Anchor points attach geometry to form a shape like a ball or a heart.

Type Classification

A system used to describe and identify typefaces by their basic visual characteristics.

Mock-up

A non-functional first draft of a design.

Problem?

Got a suggestion or found an issue with the glossary?
Let me know!