# What is Design System? | Yungle glossary

> A design system is the shared library of components, styles, and rules that keeps a brand consistent.

Source: https://yungle.ai/glossary/design-system/

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

Glossary · D

# Design System

In plain words

A design system is a documented library of reusable components, styles, and rules, covering everything from color and typography to buttons and spacing, that keeps a brand and product visually and functionally consistent as a site or team scales.

Example

Buttons, colors, type sizes and spacing live in one shared system, so a new page designed today matches the homepage designed a year ago.

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)
-   Insight

    ## How to Turn a Brand System Into a Website

    How to translate a brand identity into a website without losing it: design tokens, components, typography, motion and a CMS your marketing team can run.

    [Read insight](https://yungle.ai/insights/how-to-turn-a-brand-system-into-a-website)
-   FAQ

    ## How Do I Know If a Web Design Agency Is Overcharging Me?

    You're likely overpaying if the quote doesn't break down strategy, design, development, and SEO separately, or if the agency can't explain what specifically justifies the price beyond "custom design." Fair pricing ties directly to scope: page count, CMS complexity, integrations, and how much strategic work is involved. Ask for a breakdown. If an agency can't tell you why your project costs what it does, that's the red flag — not the number itself.

    [See answer](https://yungle.ai/resources?type=faq#how-do-i-know-if-a-web-design-agency-is-overcharging-me)
-   FAQ

    ## What Services Should a Full-Service Marketing Agency Offer?

    A full-service agency should cover design, development, SEO/AEO, and conversion optimization as one connected system — not siloed services that don't talk to each other. Marketing today is interconnected: your website's design affects your SEO, your SEO affects your conversion data, and your conversion data should inform ongoing design decisions. Agencies that treat these as separate departments usually produce disconnected work. Look for one team owning the full loop.

    [See answer](https://yungle.ai/resources?type=faq#what-services-should-a-full-service-marketing-agency-offer)
-   Insight

    ## Website QA: What We Test Before Every Launch

    The website QA checklist we run before launch: browsers, devices, interactions, accessibility, performance, forms, links and content, tested on the live site.

    [Read insight](https://yungle.ai/insights/website-qa-checklist-before-launch)

Next step

## Let's talk

_Image: Engraving of a jungle panorama with mountains_

Inspired by Tulum, QROO, MX