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

Soft Return

Also called a line break, when you want to keep the text in one paragraph and not follow it with an airy space.

Emblem

A mark or symbol used to represent an institution, organisation, person, or group, and it is usually displayed on flags and seals.

Proximity

The placement or otherwise of a thing in relation to other things. In design, proximity may be considered as the distance between two items in space or their relative location to each other.

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.

Pixel

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

Backslanted

A type of design that features the strokes running predominantly from the upper left to the lower right.

It can also be used in reference to a type of lettering, typically for advertisements, to be read in either direction. It is also used to help the reader navigate through and around the advertisement.

Monospace

A style of typeface that uses a width-to-height ratio of 1:1.

Wireframe

A low-fidelity representation of a user interface design.

Tittle

The typographic term for the dot above the letters 'i' and 'j'.

Orphan

One or more words (typically at the end of a paragraph) that are separated from the rest of the text. Orphans are generally thought of as bad design, but it’s a matter of taste.

Problem?

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