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.

More terms you might want to know

Interaction Design

The design of the interaction between users and products. Interaction design is focused on creating products that enable the user to achieve their objective(s) in the best way possible.

Alignment

The process of arranging objects in a consistent and even spatial relationship. It can refer to how text is aligned with respect to its margins or how any two or more things are aligned in general.

Tint

A generic term for adding colour to an image. A tint can be applied by darkening a colour to create different shades or lightening the saturation, creating a washed-out look.

Ligature

A form of typographic ornament used by a type designer for decorative purposes. Common ligatures are based on joining two or more letters together, often with figures embedded in the design

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.

x-height

The distance between the baseline and the mean line of lowercase letters in a typeface. Nearby descenders (such as j) and ascenders (such as q) usually extend slightly below or above this height.

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.

Glassmorphism

The use of light or dark objects positioned over colourful backgrounds. Blurred backdrops allow bright colours to come through and convey a sense of frosted glass.

Pixel-perfect

A phrase that is used in reference to someone's work. The term pixel-perfect can be used to describe something as being flawless without any errors.

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.

Problem?

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