Style Guide

A group of rules, guidelines, and/or standards designers use when producing artwork or branded projects ensuring that they have the desired appearance and are compliant with usage guidelines.

More terms you might want to know

Vector Graphics

Vector graphics are made up of two sets of points: control points (which determine shape) and anchor points (determining length). Anchor points attach geometry to form a shape like a ball or a heart.

Infinite Scroll

Generally used when a page has so much content that it would be impossibly long to load the entire page at once. Infinite scroll consists of an auto-generated list of items that constantly loads new items as they load off the bottom of the screen.

Warm Colours

Colours on the same side of the colour wheel as red, such as pink, orange and yellow.

Display Typface

Typefaces that are used across large bodies of text like headlines. Text typefaces are generally more varied than body-text typefaces.

Composition

An organised arrangement of elements used for a particular purpose, such as to create striking visual effects or to convey information effectively. Good composition is achieved through different methods, such as placing figures or objects in a scene, revising and simplifying lines and shapes that make up a figure, and arranging multiple figures or objects into meaningful relationships.

Affordance

Affordances describe a relationship between the environment and an animate object, classified as either positive or negative.

Items, such as a car that leads to movement, have a positive affordance. Things like stairs that lead upwards have a negative affordance because they will not allow for any other form of movement other than up or down if used accordingly.

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.

Shade

The relative lightness or darkness of a hue.

Monospace

A style of typeface that uses a width-to-height ratio of 1:1.

Stem

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

Problem?

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