Cap Height

The distance from the baseline to the top of a capital letter, number, or other upper-case glyphs.

More terms you might want to know

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.

Raster

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

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.

Font Size

A measure of the height of a set of text on an element.

Scale

The distance between two points of extrusion or an object. It can also be defined as the measurement of size.

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.

Bracket

The word "bracket" is often used to refer to parentheses and is written as either [] or () and used to delimit blocks of text, e.g. a set of instructions. Within brackets, items are arranged from left to right in order of precedence.

Symmetry

The arrangement of different elements in relation to each other so that they appear to be mirrored. Symmetrical designs can be found throughout art and architecture, as well as in nature.

Layout

Layout is a defining characteristic of design. It dictates the positioning of content and design elements. Layouts can range from the simple, such as a four- or two-column layout, to more complex designs like grids with multiple hierarchy levels.

Type Properties

The attributes of a typeface. Type properties include weight, width, colour and x-height.

Problem?

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