Our illustrations help us express our ideas and brand language in a playful way. They are inspired by the movement and attitude present in our gesture marks—an extension of our current brand. This illustration style can flex and be used to design a wide variety of illustrations, from marketing icons to fuller more robust thought out scenes, complements to social assets and empty state screens.
We want our illustrations to be as dynamic as they are expressive. Our brand color combinations, gestures, and motion will help do just that. Lines draw in, creating the shape and grounding it in the overall image. Colors overlap through the strokes.
.gif)
Because of the various sizes of our applications, we cannot assign a universal stroke weight to illustrations. Aim for an optical 2px stroke within any canvas.
When using the Marker forms, please follow the guidelines carefully and stay within the defined rules. The examples on this page show some incorrect usages.
<aside> <img src="/icons/browser-stop_red.svg" alt="/icons/browser-stop_red.svg" width="40px" /> Do not add effects, textures, or decoration to the illustrations
</aside>
<aside> <img src="/icons/browser-stop_red.svg" alt="/icons/browser-stop_red.svg" width="40px" /> Please do not create repeating patterns
</aside>
<aside> <img src="/icons/browser-stop_red.svg" alt="/icons/browser-stop_red.svg" width="40px" /> Please do not re-color, distort, or modify the illustrations
</aside>
<aside> <img src="/icons/browser-stop_red.svg" alt="/icons/browser-stop_red.svg" width="40px" /> Do not change or adjust the opacity or overlay on text
</aside>
<aside> <img src="/icons/browser-stop_red.svg" alt="/icons/browser-stop_red.svg" width="40px" /> Please do not change stroke weights. Aim for an optical 2px stroke.
</aside>
