Hero Image

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

More terms you might want to know

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.

Miller's Law

An observation in Psychology that suggests that the number of mental objects the average person can keep track of is seven (plus or minus two).

UX Roadmap

A design process that can help guide the path of any product or application from discovery to launch stages. A UX roadmap can also be used in marketing to analyse how products are perceived by customers and then determine future options for growth.

Empathy

A type of understanding that is achieved by taking the perspective of another individual. Different people's perspectives often have different needs and values, so empathy can help you understand those differences.

Tint

A generic term for adding colour to an image. A tint can be applied by darkening a colour to create different shades or lightening the saturation, creating a washed-out look.

Bowl

In typography, a bowl is a curved shape used to control the area of white space.

Brand Identity

The perception that people have of a business and its reliability, authenticity, and attractiveness. It's also the set of impressions an individual has when they think about a brand.

Grid

A system of columns and rows designers use to create layouts. It's used in graphic design and web development to align elements for easy use on the page. Grids are a key part of design because they help you create balance, rhythm, proportion and hierarchy in your layout.

Pixel-perfect

A phrase that is used in reference to someone's work. The term pixel-perfect can be used to describe something as being flawless without any errors.

Resolution

The measure of a device or computer system's ability to capture fine detail. A higher number of pixels can provide more details and finer images on the screen.

Problem?

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