GitLab Documentation

Illustrations

The illustrations should always align with topics and goals in specific context.

Principles

Be simple.

Be optimistic.

Be gentle.

Style

Shapes

Example for geometric

Stroke

Do Don't
Do: caps and corner Don't: caps and corner

Radius

Example for border radius

Size

Depends on the situation, the illustration size can be the 3 types below:

Large

Vertical layout Horizontal layout

Medium

Small

Illustration on mobile

Colors palette

For consistency, we recommend choosing colors from our color palette.

Orange Purple Grey
Orange Purple Grey
#FC6D26 #6B4FBB #EEEEEE

Don't


Orange Purple
Palette - Orange Palette - Purple