Skip to content
Atomic Design
Visual Systems

Atomic Design

Brad Frost — 2016

Atomic Design provides a definitive methodology for creating robust, scalable interface design systems. By borrowing a mental model from chemistry, Brad Frost demonstrates how to break interfaces down into their fundamental building blocks—atoms, molecules, organisms, templates, and pages—to create cohesive user experiences. This book moves beyond the outdated "page-based" mental model, offering teams a practical workflow for navigating the complexity of the multi-device web.

ISBN
0998296600
ISBN 13
978-0998296609
Pages
189
Reading time
12
Level
Intermediate
Publisher
Brad Frost
Edition release date
01/01/2016
Buy

Notable Quotes

We’re not designing pages, we’re designing systems of components
Atomic design is not a linear process, but rather a mental model to help us think of our user interfaces as both a cohesive whole and a collection of parts at the same time.
The design process is weird and complicated, because people are weird and complicated.
A style guide is an artifact of design process. A design system is a living, funded product with a roadmap & backlog, serving an ecosystem.

More summaries

Designing Design
Designing Design
Kenya Hara
Lars Müller Publishers · Visual Systems
Designing Interfaces
Designing Interfaces
Jenifer Tidwell, Charles Brewer, Aynne Valencia
O'Reilly Media · Visual Systems
Grid systems in graphic design
Grid systems in graphic design
Josef Müller-Brockmann
Niggli · Graphic Design
Interaction of Color
Interaction of Color
Josef Albers
HATJE CANTZ · Graphic Design
View more