Solid, Design Systems Lightning Talk

09c6ad2ac6b3347e68a812c8065d995a?s=47 Emily Brick
December 15, 2016

Solid, Design Systems Lightning Talk

09c6ad2ac6b3347e68a812c8065d995a?s=128

Emily Brick

December 15, 2016
Tweet

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