Hello!
View Slide
how a mock assumes we use things how we really use things
“It’s a way to reduceduplication”
“No more code bloat!”
This is a “story block” component It appears in a feed
Original story block styles
Original story block stylingstory block variantanother story block variantanother story block& another story block variantanother type of story block
Modified Component Styles
Solid Team
how we were currently handling this:how we’d handle it with a functional css approach:
Choosing a stylebased on ourspecific needs ✔
How did we getstarted?
Start Small.Layout• responsive grid• utilitiesBase• typography• colors• interface• buttons• forms• tablesResources• logos• templates• typefaces and icons• sandbox (prototypes)
solid.buzzfeed.com