Sweating The Small Stuff

Brian Graves and Ryan Heap of DEG take a look at using a combination of Style Tiles and Atomic Design to create design systems that can take content all of the places it needs to go and keep it looking great, extendable and user friendly along the way.

Transcript

1. Creating a Bottom-Up Design System with Style Tiles and Atomic Design
2. Brian Graves @briangraves
3. Ryan Heap @ryanmheap
9. https://www.flickr.com/photos/otterman/4475203104
10. Design Front-End Back-End Launch! Linear Workflow
13. https://www.flickr.com/photos/brad_frost/10413977065/in/album-72157636818350863/
14. https://www.flickr.com/photos/lukew/10460063574/in/album-72157636814608894/
16. We’ve changed the end product. But most people are still working in the same old way.
23. https://www.flickr.com/photos/otterman/4475203104
38. https://www.flickr.com/photos/samuraislice/2985048261
39. https://www.flickr.com/photos/samuraislice/2985914042
72. TODO: Make the green arrows point in both directions and jump from various stages
81. Photoshop (or Sketch)
85. Pattern Lab
86. http://patternlab.io
87. Pattern Lab: Your Site Generator
95. Pattern Lab: Your Style Guide
97. Pattern Lab: Your Project Hub
98. Designers
99. Developers
100. Managers & Clients
106. @ryanmheap @briangraves Thank You!
107. bit.ly/1G27mV3 Resources & Slides