# Atomic Design · UX Trends 2018 · Zorraquino
> Design as an organism
URL: https://www.zorraquino.com/en/trends/ux-trends-2018/atomic-design

![Atomic Design: Design as an organism](https://cdn.sanity.io/images/0w1142l8/production/918a4df93742f1dbe28408d06c42db1cc8453fc3-1600x1064.webp/atomic-design-design-as-an-organism.webp?w=1600&fit=max&auto=format&q=85)

Trend 11

# Atomic Design

1. [UX Trends 2018Home](https://www.zorraquino.com/en/trends/ux-trends-2018)
2. [Trend 01Humanisation](https://www.zorraquino.com/en/trends/ux-trends-2018/humanisation)
3. [Trend 02Smart personalisation](https://www.zorraquino.com/en/trends/ux-trends-2018/smart-personalisation)
4. [Trend 03A more emotional interface](https://www.zorraquino.com/en/trends/ux-trends-2018/emotional-interface)
5. [Trend 04Mood as interface](https://www.zorraquino.com/en/trends/ux-trends-2018/mood-as-interface)
6. [Trend 05Design for optimisation](https://www.zorraquino.com/en/trends/ux-trends-2018/design-for-optimisation)
7. [Trend 06A richer UI](https://www.zorraquino.com/en/trends/ux-trends-2018/richer-ui)
8. [Trend 07Sensory feedback](https://www.zorraquino.com/en/trends/ux-trends-2018/sensory-feedback)
9. [Trend 08The year of augmented reality](https://www.zorraquino.com/en/trends/ux-trends-2018/year-of-augmented-reality)
10. [Trend 09Designer as storyteller](https://www.zorraquino.com/en/trends/ux-trends-2018/designer-as-storyteller)
11. [Trend 10Connected experiences](https://www.zorraquino.com/en/trends/ux-trends-2018/connected-experiences)
12. [Trend 11Atomic Design](https://www.zorraquino.com/en/trends/ux-trends-2018/atomic-design)
13. [Trend 12Only the essential](https://www.zorraquino.com/en/trends/ux-trends-2018/only-the-essential)

Atomic Design

Design as an organism

## The new web design

Formulated a few years ago by Brad Frost, and reinforced by the publication of his book of the same name (Atomic Design) in 2016, it sets out a philosophy of web design (and graphic design) aimed at making the systematic creation of design pieces easier, faster, more consistent and more robust. The Atomic Design philosophy dissects design into its most basic elements (atoms, molecules, organisms, templates and pages) so they can then be put together, case by case and as needed, almost automatically, creating final results of unquestionable consistency, developed quickly and with little effort.

## Cases

01 / 05

Zorraquino spotlights

1. 01  
The need for designs that are fast and, at the same time, high quality points to the need to adopt systems based on the Atomic Design philosophy.
2. 02  
Above all, Atomic Design offers two qualities that brands particularly look for today and that are rarely found together: quality and speed.
3. 03  
A design method that can allow large-scale production without losing quality or blowing the budget.

## More on the trend

### References

- [Atomic Design - Goodreads](https://www.goodreads.com/book/show/29567165-atomic-design)
- [10 reasons you should be using Atomic Design](https://www.creativebloq.com/web-design/10-reasons-you-should-be-using-atomic-design-61620771)
- [Atomic Design - Brad Frost](http://bradfrost.com/blog/post/atomic-web-design/)
- [¿Por qué usar atomic design?](https://platzi.com/blog/por-que-atomic-design/)
- [50 Creative Card UI Designs](https://www.webdesignerdepot.com/2017/01/50-creative-card-ui-designs/)

Pages 181–198 of the report

[![Only the essential: The trend that never dies: “Reduce with reason”](https://cdn.sanity.io/images/0w1142l8/production/c3e0847491b27900a29aad9c3a19d25822cb9a18-1500x1125.webp/only-the-essential-the-trend-that-never-dies-reduce-with-reason.webp?w=1600&fit=max&auto=format&q=85)](https://www.zorraquino.com/en/trends/ux-trends-2018/only-the-essential)

Next trend · 12

[Only the essential](https://www.zorraquino.com/en/trends/ux-trends-2018/only-the-essential)