Workspace/Foundations

Illustrations

Illustrations simplify our workflow systems and should create meaningful connections to the message being conveyed.

Resources

ServiceNow Developer site link
Illustration code documentation

UI Builder and developer guidance

Figma link
Workspace Icon and illustrations

Figma library with icons and illustrations for Workspace.

Overview

Our Illustrations combine visuals to support our in-product use cases with a consistent narrative that is optimistic, bold, and empathetic. This is achieved through shape, color, scale, and perspective for an engaging product experience.

Example empty state illustration

Empty States

Example banner illustration

Banners

Example modal illustration

Modal Illustrations

Example card illustration

Card Illustrations

Principles

Brand Agnostic illustrations have ServiceNow’s brand essence infused, although they are neutral enough to fit all brands. Please be mindful of how the following principles are expressed through illustration.

Relationship graph showing our principles as they relate to brand agnostic principles

Empathetic

Relate to what the customer is going through; be open and helpful.

Optimistic

Be clear that the future is bright when everyone works together.

Bold

Don’t shy away from challenges; face them head-on.