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

Stem

The part of a letter, usually a vertical line, that rise above the x-height.

Dark Pattern

A type of user interface design carefully crafted to trick people into doing things they might not want to do.

GIF

A file format that supports both static and animated images. It is a popular file format on the internet and social media due to its wide colour support, portability, and animating capabilities.

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.

Monochrome

Designs that are created in one colour. It can be any colour, but the whole design will range from light to darker shades. As the name implies, it is typically a single hue, with black and white also being typical combinations for this type of design.

Ascenders

The part of lowercase letters that goes above the baseline when used in running text. As such, ascenders are considered less condensed than those used for numerals and other capital letters. Some examples of ascenders include b, d, h, k, and l. The opposite of an ascender is a descender.

Raster

Commonly used to describe a 2D graphic that is made up of an organized grid of pixels, in other words, a bitmap.

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.

Stroke

The path of any movement, mark, shape, or other feature of a design. It can be the border of an element or even the tight edge of a text box, etc.

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!