Solid, Design Systems Lightning Talk

Transcript

1. Hello!

2. None
3. None
4. None
5. None

6. how a mock assumes we use things how we really

   use things
7. None

8. “It’s a way to reduce duplication”

9. “No more code bloat!”

10. None

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

15. None
16. None
17. None
18. None

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 ✔

22. None

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)
25. None
26. None
27. None
28. None
29. None

30. solid.buzzfeed.com