This site is being redesigned as part of our AI & Design Systems course. Sign up to watch me wield AI and design systems to bring it to life, and learn how to apply these concepts and practical tactics to your team’s work.

🎇 Jolly July 3rd Sale! Save 25%

🎇 Happy Jolly July 3rd! We’re celebrating by running the sale on our course, Subatomic: The Complete Guide to Design Tokens. Use code JOLLYJULY3RD to save 25%!

Ian Frost speaking on stage at CSS Day in Amsterdam

Our hometown — Oil City, PA — held the yearly fireworks show on July 3rd so as not to compete with the neighboring towns’ festivities on the 4th of July. The event’s name? JOLLY JULY 3RD.

We looked forward to heading to the park every year for food, friends, fireworks, and an almost-guaranteed sighting of a dude walking around with a snake draped around his shoulders. More dudes had pet ferrets on leashes, and still other dudes had parrots on their shoulders. Why did they do this? We’ll never know. But dudes with exotic pets on their shoulders was just part of the magic of Jolly July 3rd.

And now we’d like to share the magic of Jolly July 3rd with you by offering our course at a discount. The sale will end after Monday, July 7th to extend the sale to the sunburned people stumbling back into the office after a long holiday weekend.

ORDER NOW & SAVE 25%

The New Separation of Concerns

I published a blog post outlining the need to revisit the concept of separation of concerns. I use the analogy of a door to help explain:

🚪 Door frame = structure & functionality

🎨 Paint & hardware finish = aesthetics

This thinking can be applied to user interfaces! A component system delivers the structure & functionality needed to create sturdy, accessible, functional user experiences. A parallel design token system delivers the aesthetic decisions needed to create branded, accessible, beautiful, and usable experiences.

Diagram pairing a design token system (aesthetic styles) with a component system (HTML structure, CSS, JavaScript behavior)

Our course dives deep into all of these core concepts, and then we walk you through how to actually create a powerful design token system in Figma in code in order to power your Multi-All-The-Things organization.

May your July 3rd be jolly, and thanks so much!

Love Always,

Brad Frost and Ian Frost

P.S. Follow us on social media: Brad on Bluesky & LinkedIn and Ian on Bluesky and LinkedIn.

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