Red Hat uses simple illustrations derived from our icon library. Borrow existing shapes whenever you can, then add color, dimension, and detail as needed.

Our geometric illustration style is clean, bright, and uncluttered. Use flat shapes and limited perspective. Add just enough detail to tell the story, but no more.

Use illustration when icons and diagrams alone are too dry or technical, or when a subject is too complicated or abstract to be understood another way. Illustration is a good way to build a narrative structure or demonstrate a concept, while diagrams and charts are good ways of presenting data.

Icons and illustrations are part of the same visual language, and should work seamlessly together.

Download illustration source files to get started

RH_illustration_fromicons

BORROWING FROM ICONS
Our icons and illustrations are two parts of one visual language. Borrow existing shapes whenever you can, then add color, dimension, and detail as needed.

RH_illustration_colors

USING COLOR
The same shapes in different colors can make very different impressions.

Always use tints and shades of colors from our palette.

 

RH_illustration_people

ILLUSTRATING PEOPLE
Start with our basic characters. Only add facial features when you need to show specific emotion, starting with eyes, then mouth, then eyebrows. 

Pay special attention to your wardrobe and accessory choices, and be sure to keep diversity in mind.

RH_illustration_world

CREATING WORLDS

Environments can help create context and realism in an illustration. Build them by combining several elements into one composition.

Remember that as objects get further away (or less important to the story), they get dimmer and less detailed.

Tips for animating our illustrations.

EXAMPLES

RH_illustration_brand101thumb


BRAND 1O1 VIDEO
Illustration can give life to otherwise dry topics. In this internal video, we explain the value of a brand through a series of short but brightly illustrated stories.

Watch the video

RH_illustration_standardize


“STANDARDIZE” VIDEO SERIES
Since our icons and illustrations share common elements, it’s easy to mix them. In this workshop video, the combination of dimensional illustrations and flat icons creates a world that feels rich and interesting.

Watch the video

DON'T

RH_illustration_dont_color

Don’t use colors that aren’t derived from our color palette.

RH_illustration_dont_outlines

Don’t use “coloring book” outlines.

RH_illustration_dont_detail


Don't over-embellish or use more detail than you need.

 

RH_illustration_don't_diagram


Don't use illustration for technical diagrams or documentation.

RH_illustration_dont_gradient


Don't use gradients, 3D effects, or drop shadows.

RH_illustration_dont_photo


Don't mix illustration and photography or video.