Application
Before using mascots, please read the mascot section of this guide for more explicit definition of when mascots are appropriate.
There are moments in our branding where mascot illustrations are appropriate to include, and moments where they are not. For example, it makes sense to include Mona in design assets featuring Collaboration content which highlights our community, and our Copilot mascot in design assets featuring AI content. But the same is not true for Enterprise, Security and Productivity, which should stick to only shape library assets. Below we have provided social asset examples putting this to practice.
Product icon illustration
We also include rendered illustrations of product icons that can represent each product pillar. We use these to highlight pillar-specific content, typically in real life events.
Render complexity
Here is a range of render complexity, using a Copilot illustration as an example. The shape library contains both render styles in both Light and Dark available for all shapes and illustrations.
Application
When it comes to deciding a render style, we first ask if the content we are designing for is an expressive moment or a functional moment. When the artwork is meant to be more supportive rather than attention-grabbing, we lean towards the quieter outline renders, or a balance of both styles to allow other elements (such as text) to stand out. The opposite would be true for the fully-rendered art style if we are trying to capture the audience’s attention with the art itself.