Style Guide

In plain words

The reference document that defines your site's colors, typography, spacing, and visual components. Without a style guide, every new page your team adds will look slightly different from the last one.

Example

The style guide says headings use the display font at specific sizes, buttons are orange on light backgrounds and spacing follows an 8-point scale.

Glossary
Components Library
A components library is a set of pre-built, reusable design blocks that let teams build pages without breaking the design.
See term
Glossary
Design Tokens
Design tokens are the named variables (like colors and spacing values) that power a design system.
See term
FAQ
What Does a Web Designer Actually Do?
A web designer plans and creates the visual layout, user experience, and structure of a website — translating business goals and brand identity into pages that are both usable and persuasive. Good web design goes beyond aesthetics: it includes information architecture (how content is organized), UX flow (how visitors move through the site), and conversion design (how pages guide action). The best designers think like strategists first, decorators second.
See answer

Next step

Let's talk

Engraving of a jungle panorama with mountains — Inspired by Tulum, QROO, MX

Components Library

Design Tokens

What Does a Web Designer Actually Do?

Let's talk