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.
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.
The same shapes in different colors can make very different impressions.
Always use tints and shades of colors from our palette.
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.
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.
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.
“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.
Don’t use colors that aren’t derived from our color palette.
Don’t use “coloring book” outlines.
Don't over-embellish or use more detail than you need.
Don't use illustration for technical diagrams or documentation.
Don't use gradients, 3D effects, or drop shadows.
Don't mix illustration and photography or video.