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

Wordmark

A logo which is usually a combination of text and graphic imagery that acts as the company's symbol.

Minimum Viable Product (MVP)

A term that means the smallest amount of work that can be done to move a project forward.

Typesetting

The process of arranging type to make written material readable. The arrangement of type involves decisions about individual letters and words (e.g. line spacing, letter spacing, and word spacing) and more significant page layout decisions (e.g., margins, headline position on the page).

Pixel

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

Aperture

The setting on a camera's lens which controls how much light comes into the camera. Aperture settings can usually be set to F-stop values ranging from F1.4-F22. The higher the aperture value, the smaller the opening is, and vice versa, which affects the depth of field in photos and how much light reaches and illuminates a subject or scene in a photo.

Shade

The relative lightness or darkness of a hue.

Hex Code

A way of expressing colours on digital media. To specify a hex code, you need to consider the three primary colours: red, green and blue. The hex code is always six characters long and looks like this: #RRGGBB and their values range from 00 to FF.

PNG Image

A PNG (Portable Network Graphics) file is a bitmap image format that has been designed to store images with an alpha channel. This format is primarily used for transparency so that it can be placed over other graphics in many design applications.

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.

Mock-up

A non-functional first draft of a design.

Problem?

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