vpicone / ds-fly-by

Slide references

• Anatomy of a design system
• The Vignelli Canon
• Yes, Design Systems Do Improve Developer Efficiency and Design Consistency
• Extending Atomic Design

Live demo additional resources

• CSS custom properties
• User preference media features

Design System petting zoo

• Carbon Design
• Material Design
  • Materialize (CSS)
  • Material-ui (React)
• GitHub Primer
• Shopify Polaris
• Adobe Spectrum
• honorable mention: Bootstrap

---

Bonus: The 100 bytes of CSS designers don't want you to know about™ (credit)

html {
    max-width: 70ch;
    padding: 3em 1em;
    margin: auto;
    line-height: 1.75;
    font-size: 1.25em;
}