Brad Frost introduced the “Atomic Design” concept wayyyy back in 2013. He even wrote a book on it. And we all took notice, because that term has been part of our lexicon ever since.
It’s a nice way to divide web designs into separate layers of concern, leaning into biology terms to help scope their context by size:
- Atoms
- Molecules
- Organisms
- Templates
- Pages
Atoms are part of molecules, which are part of organisms, which make up templates, which become full-blown pages. It’s composable design that’s centered on consistency, reusability, and maintainability. Beautiful. We’ve covered this a bunch over the years.
Want to get fully versed in how it works? If so, you’re in luck because Brad and his brother, Ian, are in the process of publishing an entire online course about Atomic Design. It’s in presale for $50 (with discounts for teams).
Normally, I like to jump into a course and check it out before sharing it. But this is Brad and all he does is wonderful things. For example:
- The guy arranged his very own concert!
- He inspires folks to live creatively and authentically with his Wake Up Excited! podcast.
- There’s another podcast where he encourages designers and developers to Open Up! about their careers and what drives them. I get to participate in that one!
- Dude is a solid drummer who records himself playing along to his favorite albums, completely unrehearsed.
- He’s got a crap ton of tracks he writes and records as well.
Oh, and his newsletter is pretty awesome, too. And I’m sure I’m leaving out more things he has floating around the web, but you get the point: he’s incredibly knowledgeable on the topic, is a highly-effective educator and speaker, and most importantly, has an infectious positive posture about him.
I know the Atomic Design course will be just as awesome. Preordered!
Atomic Design Certification Course originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Source: Read MoreÂ