Solid, Design Systems Lightning Talk

Transcript

1. Hello!
6. how a mock assumes we use things how we really use things
8. “It’s a way to reduce duplication”
9. “No more code bloat!”
11. This is a “story block” component It appears in a feed
12. Original story block styles
13. Original story block styling story block variant another story block variant another story block & another story block variant another type of story block
14. Modified Component Styles
19. Solid Team
20. how we were currently handling this: how we’d handle it with a functional css approach:
21. Choosing a style based on our specific needs ✔
23. How did we get started?
24. Start Small. Layout • responsive grid • utilities Base • typography • colors • interface • buttons • forms • tables Resources • logos • templates • typefaces and icons • sandbox (prototypes)
30. solid.buzzfeed.com