Creating A Design Guide For Enterprise Software
summary
The design guide documents a working, coded system for an enterprise analytics platform: atomic components, molecules and templates, downloadable PSDs and CSS, and live prototypes built with Sass variables, Pattern Lab and GitHub pipelines (Nunjucks, gulp). It supports light and dark themes by changing one class, enforces accessibility (keyboard + screen reader states), and standardizes spacing, typography and microinteractions. Sixty designers across roughly thirty teams iterate on it over two years, and multiple product teams adopt the components, reducing bespoke UI work and revealing real implementation issues early.
AI-written summary · about
chapters (4)
related talks
26mDesign Systems of a Down: Steal this Guide!
32mYour Guide to Making Scalable Design Systems
13mDesign systems and how to use it
15mModern Approach to Designer ❤️ Developer Collaboration
44mA Practical Little Guide to Starting a Design System
42mDesigning Inspired Style Guides
46mA Practical Starter Guide to Creating a Design System
18mDesign Systems in Practice