Create an Adaptable Design System
11
@briangraves
Anticipate Use Cases
@briangraves
‣Type of Email
‣Content Types
‣Common Elements
‣Content Priority
@briangraves
Design Patterns
@briangraves
‣Content Blocks
‣Several Variations
‣Patterns Not Pages
‣Modular HTML
‣Fit It Together
Photo by MailChimp
@briangraves
@briangraves
Create a Style Guide
@briangraves
‣Brand Fonts
‣Brand Colors
‣Diction
‣Image Specs
‣Include Your Design Patterns
@briangraves
@briangraves
Collaborate
22
@briangraves
Photo by Dan Mall
@briangraves
“Locking developers and/or designers into a 100% execution role is a missed opportunity; ideally, every role contributes to strategy.”
- Trent Walton
@briangraves
Photo by Trent Walton
@briangraves
There Is No ‘Best Way’(Only What Works For Your Team)
33
@briangraves
@briangraves
@briangraves
Iterate
44
@briangraves
@briangraves
@briangraves
Get Involved. Give Back.
55
@briangraves
“Once the techniques & tooling are built up, the cognitive load of dealing with bullshit is lifted & more focus can be spent on creating great content.”
- Jason Rodriguez
@briangraves
@briangraves
@briangraves
@briangraves
@briangraves