Illustration overview

Our illustrations are designed to be simple, clever and friendly. They’re based on the graphic shapes within our visual identity, and use our typical tonal colour treatment. Below is an overview of our library of illustrations.

Illustration overview

Illustrations:
Key principles

Our illustration library can grow over time, depending on what we need to bring to life. We have a few key principles to keep in mind when creating brand illustrations.

Based on
our brand

We use the geometric shapes of our language as
the basis for all our illustrations. Using the O, L and
X to inform the main structure.

Illustrations
not large icons

They are simple but have a level of detail that takes
them beyond icons. They will be used in spaces
where the visual storytelling is the hero, rather than
a functional, supporting asset.

Use the brand
language

Colour combinations and charcoal, cropped
corners, balance of round and square.

Don’t use realistic
human forms

Try to use the OLX avatars instead of
realistic human features such as hands.

Allow for
movement

These illustrations will often be animated
with a simple motion so illustrations are
created with this in mind.

Illustration types

Our platform is broad, spanning many categories and speaking to many customers. It’s important our illustration style can flex to demonstrate many different things — from objects, to people, to functional processes or interactions.

How to create illustrations

Below is a simple step by step overview of how we create our illustrations.

How to slider 1 How to slider 2 How to slider 3 How to slider 4 How to slider 5 How to slider 6

Aligning illustrations
to a grid

We’re not creating icons, so we don’t have a super strict grid. Our illustrations need to have personality, but we do have a framework that applies to every illustration we create. In general, it should fit within a square. If the illustration is more random in its configuration, make sure the majority of it fits within a square, and only some of it extends into the outer square.

Fits in square

 

Illustration grid alignment 1

Extends into outer square

 

Illustration grid alignment 2

Approach to colour

Our illustrations use the same approach to colour that we use throughout the rest of our brand — it’s confident, bold, and keeps things tonal — we don’t mix our colours all together. Below is a breakdown demonstrating how we use colour within our illustrations.

Illustration approach to colour
Illustration approach to colour 1
Illustration approach to colour 2
Illustration approach to colour 3
01 03

Examples in use

Here are some best practice examples of our illustrations in use.

Illustration example 1
Illustration example 2
01 02

Things to avoid

Here are some things you should never do when creating or using OLX illustrations.

Illustration Misuse 1

Do not use illustrations as a key feature of our brand — they should be used as supporting elements only.

Illustration Misuse 3

Do not use every single one of our colours in one illustration. Stick to using the tonal approach to colour, shown above.

Illustration Misuse 6

Do not include illustrations within typography.

Illustration Misuse 4

Avatars should always resemble people, and not be too abstract or too playful.

Illustration Misuse 5

Do not use multiple illustrations at different sizes or as backgrounds or patterns.