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.

More terms you might want to know

Prototype

Usually the first functional form of a new product, created to test a concept or prove out some aspects of design.

Flat Design

A design style first introduced by Microsoft Design Language based on minimalism and simplicity. This newer trend focuses on reducing nonsensical designs and makes the content more accessible for all users.

In this way of designing, fewer elements are used to create shapes and less emphasis on gradients and textures. This modern trend moves away from skeuomorphism. Instead, it focuses on a realistic view or illustration with buttons and icons appearing flat with no shadows.

Vector

A graphic element that has a definite length and direction. Examples of vectors would be straight lines, edges, or curves.

Character

A letter, symbol, or another alphabet unit.

Abstract Mark

An abstract mark is a type of logo where instead of being a recognizable object from everyday life, it is an abstract geometric form representing a business or brand. Famous examples include the BP starburst logo, and the Pepsi divided circle.

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.

Readability

A measure of the ease of understanding text.

Font Weight

The thickness or thinness of a typeface. Common font weights are light, regular/normal, semi-bold, bold and extra bold.

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.

Hamburger Menu

A well-known UI element in computer applications. It's an expandable menu of context-specific commands typically launched from the application's main menu.

Problem?

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