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

Baseline

An imaginary line on which most letters "sit". As such, it equals the height of an em square. The expected result of a baseline is to reference the height with which text is aligned. The alignment ranges from ascenders, which are the upper strokes in b, d, and h, down to descenders like j or y.

Contrast

Contrast in design can be accomplished by placing two opposite colours adjacent to one another, creating a focal point within the design that dominates the composition.

Thumbnail

A small, non-preview image that accompanies a larger image. It provides an immediate sense of the content while not necessarily revealing it in its entire scope.

Heuristic Evaluation

A usability assessment method that is used to evaluate a design against established usability principles or heuristics. It is based on the idea that designers can use their experience to find areas of poor design without extensive user testing.

Negative Space

The unused or empty space in a composition of images, either two-dimensional (as with paintings) or three-dimensional (as with sculptures).

Script Font

A type of font designed to imitate handwriting.

Repetition

The use of repeating elements and motifs for decorative purposes. In design, repetition occurs in many ways. It can be achieved by using a shape or design element in a pattern, and it can also be achieved through the use of multiple shapes or motifs that have similarities

Icon

A small picture or design that represents an idea, function, or some other type of visual concept. For example, in computer graphics and web development, an icon is a pictorial representation of a program or file type.

Small Caps

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

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).

Problem?

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