The Best of Brad Frost
10+ most popular Brad Frost articles, as voted by our community.
Design system consultant, web designer, speaker, writer, musician, & artist. Author of Atomic Design. Mastadon: http://mastodon.social/@brad_frost
Brad Frost on a11y
Front-of-the-front-end and back-of-the-front-end web development
The Great Divide is real, and I'm pleased that the terms "front-of-the-front-end" and "back-of-the-front-end" have gained traction ever since I quipped about them on the Shop Talk Show. A few of my…
Brad Frost on Atomic Design
CSS Architecture for Design Systems
We just created a design system for a huge organization and established a CSS architecture we're quite pleased with. It's one of the first times I've ever gotten to a project's finish line without wishing I'd done at least a few things differently. So I thought it would be great to share how we went
Brad Frost on Design
Atomic Design and Storybook
I had the honor to be the first guest on Storybook's new Storytime show with the great Michael Chan (aka @chantastic). We talked about the history of atomic design and the rise of the modern JS…
Brad Frost on Design Systems
Extending Atomic Design
Atomic design is now over 6 years old (which is nuts!). I'm thrilled that all these years later the methodology continues to help teams think of their user interfaces as a hierarchical, interconnected…
Brad Frost on Frontend
Frontend Design | Brad Frost
Somewhere between design – a world of personas, pixels, and polish – and engineering – a world of logic, loops, and linux – lies frontend design. Frontend design involves creating the HTML, CSS, and presentational JavaScript code that makes up a user interface. A frontend designer (who may also g
Brad Frost on Javascript
Frontend Design, React, and a Bridge over the Great Divide
Frontend designers create the HTML, CSS, and presentational JavaScript code that powers web products' user interfaces. I see frontend design as helpful mortar that bridges the gap between design and…
Brad Frost on Product Design
Design Systems are for user interfaces
We often talk about design systems as singular entities. "The design system saves time and increases quality." "Oh, the design system provides that." "Update to the latest version of the design…
«The design system embodies important standards from across an organization, but doesn’t necessarily define or own those standards.»
Atomic Design
Hey there! I wrote a book called Atomic Design that dives into this topic in more detail, which you can buy as an ebook. We’re not designing pages, we’re designing systems of components.—Stephen Hay…
Brad Frost on Visual Design
Design systems in the time of AI
It's been absolutely wild to witness the rise of the new crop of AI tools. This moment feels equally exciting and terrifying, but given humans' track record of driving promising technologies off the…
Brad Frost on webdev
Why We're Breaking Up with CSS-in-JS
Now here's an interesting article: Why We're Breaking Up with CSS-in-JS. I took to Twitter to spew out some thoughts, so I thought I'd capture them here. I'm fortunate in that I get to duck my head…
Popular
These are some all-time favorites with Refind users.
The Many Faces of Themeable Design Systems
Very rarely is exactly one design system created to serve exactly one product that expresses exactly one design language. Nearly all the design systems we've worked on require a high degree of…
What is Refind?
Every day Refind picks 5 links from around the web that make you smarter, tailored to your interests. is one of more than 10k sources we monitor.
How does Refind curate?
It’s a mix of human and algorithmic curation, following a number of steps:
- We monitor 10k+ sources and 1k+ thought leaders on hundreds of topics—publications, blogs, news sites, newsletters, Substack, Medium, Twitter, etc.
- In addition, our users save links from around the web using our Save buttons and our extensions.
- Our algorithm processes 100k+ new links every day and uses external signals to find the most relevant ones, focusing on timeless pieces.
- Our community of active users gets 5 links every day, tailored to their interests. They provide feedback via implicit and explicit signals: open, read, listen, share, add to reading list, save to «Made me smarter», «More/less like this», etc.
- Our algorithm uses these internal signals to refine the selection.
- In addition, we have expert curators who manually curate niche topics.
The result: lists of the best and most useful articles on hundreds of topics.
How does Refind detect «timeless» pieces?
We focus on pieces with long shelf-lives—not news. We determine «timelessness» via a number of metrics, for example, the consumption pattern of links over time.
How many sources does Refind monitor?
We monitor 10k+ content sources on hundreds of topics—publications, blogs, news sites, newsletters, Substack, Medium, Twitter, etc.
Can I submit a link?
Indirectly, by using Refind and saving links from outside (e.g., via our extensions).
How can I report a problem?
When you’re logged-in, you can flag any link via the «More» (...) menu. You can also report problems via email to hello@refind.com
Who uses Refind?
200k+ smart people start their day with Refind. To learn something new. To get inspired. To move forward. Our apps have a 4.9/5 rating.
Is Refind free?
Yes, it’s free!
How can I sign up?
Head over to our homepage and sign up by email or with your Twitter or Google account.