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

Type Properties

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

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.

Palette

A set of colors which can be used to create a particular visual effect. It is usually composed of multiple primary, secondary, and tertiary colours.

Typeface Design

The art and discipline of putting together set of typefaces into a harmonious and readable type system. A typeface designer spends much time considering many things such as clear visual message, readability at different sizes, legibility at small point sizes, ease of use for printing processes on its own or over the top of other fonts.

Tittle

The typographic term for the dot above the letters 'i' and 'j'.

Slab Serif

A type of serif, characterized by large x-heights and thick, blocky strokes with little variation in width.

Font Style

Designers and developers use font styles to denote differences in meaning between two or more words, phrases, sentences, paragraphs, or blocks of text. Typical font styles in CSS and web development are normal, italic, oblique and inherit.

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.

Iterative Design

A way of developing new products or services using a process of repeated and regular refinement, in which prototypes are made, evaluated, revised, and re-evaluated until the desired result is achieved. High profile companies have successfully implemented iterative design to create effective and innovative products.

Empathy Map

A way of researching users and understanding their behaviour in the context of the product, helping designers in understanding users' needs and expectations and what motivates them to act.

Designers can use this type of research to understand better their users and what kinds of experiences they are looking for. And this will allow the designers better empathize with their users, making them a part of the learning cycle.

Problem?

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