📝 Articles
Reference Designs for Systems
creating prototype pages for reference can help sell and show what a new design system for a product or site can achieve
A process for building out color palettes
What should we be thinking about and checking when creating our colour palettes, some great stuff in here.
Anatomy of a Pattern in a Pattern Library
Brad goes through what he thinks is needed for each pattern of a pattern library with examples from various existing libraries
Atomic Design — Your Ultimate Guide to Scalable & Modular CSS
Use the ideas of Atomic Design to influence creating modular CSS when creating your design system.
🛠 Tutorials
Setting up a Living Styleguide in Jekyll
Hugo walks us through this tutorial showing us how we can create a styleguide using Jekyll
🧰 Tools / Resources
Nucleus
a nice little component library generator using DocBlock in your stylesheets encouraging you to write modular styles and components
🎧 🎥 📊 Audio / Video / Slides
Code Patterns for Pattern Making
A great talk from Miriam on styleguides and pattern libraries and how we can look to tools and ways that encourage us to document design patterns from the start.
👩🏽🏫 Conferences / Meet-ups / Workshops
FrontEndNorth Workshop: Design Systems Rock!
Happen to be near Sheffield on September 29th and fancy learning how to make design systems rock? I'm giving a full-day workshop ahead of this years frontendnorth conference