Title: Illustration

URL: https://www.infobip.com/illustration

## Illustration

## Our functional illustrations do more than just decorate - they clarify, inform, and keep our product stories on brand.

Every diagram, device, and schematic are thoughtfully designed: rounded corners match our graphic system, consistent shapes echo our interface, and a full Infobip color palette brings clarity to every section. Whether we’re showcasing a feature or walking through a workflow, our illustrations are simple, recognisable, and always in sync with the Infobip design system. They’re here to make sure even the complex turns into something anyone can follow—clear, engaging, and distinctly Infobip. 

## Functional illustration

Our functional illustrations help us communicate our product features, 
whilst remaining branded and in 
keeping with the rest of the design system. We can also depict diagrams 
and schematics to help us tell the 
product story.

## Showing phones

When showing mobile devices, we use a simple shape that links back to our wider system. It resembles a phone whilst remaining simple and easy to digest.

## Functional illustration examples

This page contains some best case examples, to reference when designing new assets for the Infobip brand.

## Type alignment

Our typograhy can be aligned in two ways. We can use either Left Alignment or Central Alignment. The alignment used should be based upon the design of the communication.

## Main elements

There are four main elements to keep in mind when designing functional illustrations.

These are:

- Rounded corners that feel in line with our graphic system. Ths is done using the corner smoothing tool in Figma (100%).
- Using similar shapes within buttons and holding devices. We use this style of box over square or completely rounded.
- We use our functional icon style within this type of illustration to help us convey complicated subjects clearly.
- We use the full Infobip color palette to create differentiation between sections of the infographic.

## Functional illustration don’ts

To make sure our functional illustrations feel aligned with our wider brand system, there are a few things to avoid doing.