Creating the Style Guide
Product Design Debt
UI Audit & Atomic Design
UI Audit = 2000 rows spreadsheet
Sketch Starter File
- Make a copy,
- Don't overwrite,
- Watch out for autosave
Instructions
UI Element Specificity
Concrete
Abstract
The Next Steps
- Change the headings levels
- Add/change a Salesforce button
- Design & add a colour palette
- Make a list of icons and add them to style guide
- Helvetica on Windows!
- Interactions, animations, loaders.
- Actual living style guide with snippets