User Scenario

An example of a typical user and the actions they take. Typically these are written in the form of a story.

More terms you might want to know

Pixel

A pixel, or a picture element, is the smallest addressable element in a display device.

Small Caps

Small uppercase letters, generally about half as tall as regular uppercase letters.

Brutalism

A style of architecture and design that was popular in the 1960s and 1970s. Brutalist buildings are typically characterised by durability, simplicity, and an emphasis on form following function. Brutalism is not a single style but an umbrella term for architecture with a stark and futuristic look.

Shade

The relative lightness or darkness of a hue.

Embossing

A decoration technique used primarily on paper, metal, and some plastics in which ink or another printing medium is pressed into the material's surface to create a three-dimensional effect.

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.

Responsive Design

The process of developing a product or design system that can be altered to fit different device and interaction contexts.

Hero Image

The primary graphic that appears at the top of a webpage, designed to grab people's attention.

DPI

The print resolution of a printer. It's a measure of how many dots per inch can be printed on paper. Higher DPI means more detail and smoother transitions between colours.

Balance

The principle of both sides of an object having a sense of symmetry. It ensures that the weight and visual mass are distributed evenly on both sides of a surface. Balance is more important than symmetry because people don't often notice when something is asymmetrical, but they will always see if something is unbalanced.

Problem?

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