# What is Style Guide? | Yungle glossary

> A style guide is the reference document defining a site's colors, typography, spacing, and components.

Source: https://yungle.ai/glossary/style-guide/

1.  [Resources](https://yungle.ai/resources)
2.  Glossary

Glossary · S

# 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.

Related resources

-   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](https://yungle.ai/glossary/components-library)
-   Glossary

    ## Design Tokens

    Design tokens are the named variables (like colors and spacing values) that power a design system.

    [See term](https://yungle.ai/glossary/design-tokens)
-   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](https://yungle.ai/resources?type=faq#what-does-a-web-designer-actually-do)

Next step

## Let's talk

_Image: Engraving of a jungle panorama with mountains_

Inspired by Tulum, QROO, MX