Grubhub and Seamless style guide
sass, html and Sketch
I started working on this project from the design side, creating documentation in Sketch that would be clear and easy to follow. These guidelines were used company-wide by developers and designers from multiple teams.
This is an example of documentation I designed for the color palette, highlighting primary and interactive palettes per brand.
In addition to working on the design side, I worked on the web team to create Grubhub's pattern library building blocks in SASS. This included creating utility functions for our colors, lines and type. As well as HTML paired with CSS classes for more complex components, like cards.
Here are a few lines of code from the colors SASS map. We exported and used the `get-color` sass function across multiple apps to make color changes easy.
