# Atomic design: what it is and how it works · Zorraquino
> Atomic design is a methodology by Brad Frost that organises interfaces into atoms, molecules, organisms, templates and pages.
URL: https://www.zorraquino.com/en/dictionary/branding/atomic-design.html

# Atomic design

Atomic design is a methodology by Brad Frost that organises interfaces into atoms, molecules, organisms, templates and pages

What it means, how it is used and where it comes up, with its related concepts.

[The whole glossary](https://www.zorraquino.com/en/dictionary)

## What it is and how it works

It encourages thinking about small components and how they combine to create complete experiences. It is an organisational model, not a mandatory technical structure. A design system also needs criteria for use, accessibility, documentation and maintenance.

Topics

[Experience and service design](https://www.zorraquino.com/en/dictionary/category/experiencia-y-diseno-de-servicios)

## Related concepts

- [Design system](https://www.zorraquino.com/en/dictionary/digital-marketing/design-system.html)
- [Design tokens](https://www.zorraquino.com/en/dictionary/design-tokens)
- [Responsive design](https://www.zorraquino.com/en/dictionary/digital-marketing/responsive-design.html)

## References

- [Brad Frost: atomic design](https://atomicdesign.bradfrost.com/chapter-2/)