The Five Ws of Atomic Design
Ciao
Riccardo
🇮🇹🍝🍕
Lead Front-End Developer at Hackney
CSS architect
Semantic and accessible HTML
Not a JS developer
Front-End Designer
😱😱😱
Let's talk about Atomic Design
The who
The what
An
atom is a small & independent
component
We break down the design into components
So we design & build components
Doing that we avoid repetition & confusion
and at the end we design & build
less & quicker
The why
We should design & build
components and not pages
Because today we design & build for
a lot of
Devices
Scenarios
Websites
Apps
so we design & build
a lot of pages
and we want to avoid this
The where
Apply this methodology in your
Design
Apply this methodology in your
Development
The when
Immediately
Think in
Atomic Design
Last thing (for real)
The how
Style guide
Pattern library
Design system
Fractal
Particles
Grazie!
Questions?
