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

Wireframe

A low-fidelity representation of a user interface design.

Link

A prominent design feature of web applications. Links can be used to navigate websites, provide shortcuts to content, or change views within a web application. These links allow for ease of access and save time when users need to find information or use services from other domain names.

Brand Mark

A logo, symbol, design, or pattern used to promote and distinguish one's brand or company from others.

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.

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.

Type Classification

A system used to describe and identify typefaces by their basic visual characteristics.

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.

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.

Analogous Colours

Colours that have a relation in their hue. A colour wheel can be used to help identify analogous colours. Analogous colours are typically found next to each other on the colour wheel.

Problem?

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