old-school 90s animated gif

Pardon my dust! I just migrated my website to the fantastic Eleventy and am recording the redesign process of adopting my design system for our AI & Design Systems course.

Brad Frost
Atomic Design: Some Thoughts and One Example
Atomic Design: Some Thoughts and One Example

A look at atomic design that also gives a hypothetical example of it in action. I really like the idea of "Nobel Gases," which he explains:

I’d argue that there are a few “Nobel gases” if you will, which are complete molecules on their own. Examples include , , or any other element that by its very nature degrades gracefully and wouldn’t lose style or reorganize if the page were to be loaded without CSS.

I found those elements tricky to fit into the metaphor, but that seems to work pretty well. *[DETAILS]: Device, Environment, Time, Activity, Individual, Location, Social *[RESS]: Responsive Design with Server-Side Components

Brad Frost Hey there! Brad Frost brad@bradfrost.com

I'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.

Check out my courses AI & Design Systems course Atomic Design Certification Course Subatomic: The Complete Guide to Design Tokens course Get my newsletter

I like connecting with people directly without algorithms and machines getting in the way, and my newsletter helps me do that. Subscribe to get my latest thinking and interesting links about design, technology, music, art, creativity, and some random fun along the way.

Around the web