search clear
Filter by Categories
Filter by File Type
And error occurred! Please, try again.

Illustration arrow_forward

Updated: 12/16/2021 link

Introduction

Our illustration styles allow us to communicate concepts, themes, and ideas in a consistent but flexible way. The basic outline illustration containing a gradient energy line, and demonstrating the value we bring to the world.

Outlines

External use

For external communications, the energy element is used with the green-blue gradient. Backgrounds can be White, Green, Blue, or Gray.

Internal use

For internal communications, the energy element used with the gradients made from secondary colors.

Gradients

Aramco uses four gradients within an illustration. For the correct usage of gradients, check out the Colors section. Secondary gradients are for internal use only.

Aramco Green
#83BD00
Primary gradient
Aramco Blue
#00A3E0
Purple
#F05F41
Secondary Gradient
Red
#643278
Teal
#643278
Secondary Gradient
Purple
#26A8AB
Red
#FFC846
Secondary Gradient
Yellow
#F05F41

Colors

External combinations

Illustrations can be on White, Green, Gray, or Blue backgrounds, and have one or two options for line color and gradient, depending on the background.

Background:
White
Stroke:
Dark Grey
Gradient:
Green/Blue
Background:
White
Stroke:
N/A
Gradient:
Green/Blue
Background:
Dark grey
Stroke:
White
Gradient:
Green/Blue
Background:
Blue
Stroke:
Dark Grey
Gradient:
Green/Blue
Background:
Blue
Stroke:
White
Gradient:
Green/Blue
Background:
Green
Stroke:
Dark Grey
Gradient:
Green/Blue
Background:
Green
Stroke:
White
Gradient:
Green/Blue
Internal combinations

Internally, backgrounds for illustrations can be Purple, Yellow, Teal or Red. Depending on the background chosen, there are two options for how the line and gradient can be colored.

Background:
Purple
Stroke:
White
Gradient:
Red/Yellow
Background:
Purple
Stroke:
Teal
Gradient:
Red/Yellow
Background:
Yellow
Stroke:
Dark Grey
Gradient:
Purple/Red
Background:
Yellow
Stroke:
Red
Gradient:
Teal/Purple
Background:
Teal
Stroke:
Dark Grey
Gradient:
Purple/Red
Background:
Teal
Stroke:
Purple
Gradient:
Red/Yellow
Background:
Red
Stroke:
Dark Grey
Gradient:
Teal/Purple
Background:
Red
Stroke:
Yellow
Gradient:
Teal/Purple

Principles

Photographic excellence in lighting, composition, and resolution reflects our status as a technology leader.

Use internal colors for internal illustration.
Use external colors for internal illustration.
Lines have rounded terminals and corners.
The energy element is included in every illustration only once. It is used to highlight a relevant or active part of a scene.
Use the color combinations that are provided.
The stroke color must be different to the headline color.
On a colored background, the energy element should have a stroke around it that is the same color and weight as the other lines in the illustration.
The energy element can curve and bend, but must be uniform. Its terminals should be straight-edged to contrast with the rest of the illustration.

Illustration stroke width

The Illustration stroke width is determined by the format size

Things to avoid

Don’t use multiple stroke weights in a illustration.
Don’t use internal colors for external illustration.
Don’t use straight corner edges.
Don’t create an illustration without the energy line.
Don’t change the color combinations that are provided.
Don’t use the same color for the illustration and the headline.
Don’t use an energy element without a stroke around it on a colored background.
Don’t warp the energy element.

Additional styles - Principles

The development of other illustrations styles , 3D, and the use of Image Bank are allowed, but it should always be reviewed and approved by Corporate Identity reviewers before publishing. Below, are basic principles that should be considered.

Avoid using sharp edges; instead always go for round, soft shapes.
Avoid using comic styles.
Don’t use illustrations without purpose and connection with the brand.
Avoid using caricature styles.
The basic colors should be taken from the primary and secondary palette. Other colors are allowed to create more realism, but only when necessary. 
Avoid violence scenes.
Don’t use icons as illustrations
Avoid culturally sensitive scenes.