Icons and Illustrations

Icons and illustrations complement our visual identity and make complex content easy to understand at a glance. They help users navigate digital applications and bring a sense of ease to our communication. Here you’ll find all the basics for using them correctly.

Icons

For the design, we may use the Entypo icon library (icongr.am/entypo). It is free and offers a wide selection of icons for various topics. If needed, we can create our own icons and adapt them to the existing style.

To break up layouts, icons can be used like stickers. To do this, we add a white outline and a shadow to them. This makes them stand out from the background and brings the design to life.

Icons help organize information and make content easy to grasp
When used as stickers, icons add a touch of flair to the layout
The stickers have a shadow offset 5 px to the left

Icons for Interfaces
We use Lucide Icons for interfaces. For more information, see the Web Design chapter. For legal reasons, Lucide Icons may only be used for user interfaces, not for illustrations, infographics, or print materials.

Illustrations

Illustrations make complex concepts easier to understand and add variety to our communication. They are particularly useful in situations where photos are not possible or practical—such as with abstract topics, process diagrams, or to break up the visual monotony.

We have deliberately chosen not to have a fixed illustration style. Depending on the context and target audience, different styles may be used. To ensure the illustrations are consistent with the RUB’s brand identity, we use our brand colors, particularly RUB blue. In illustrations, colors from different color groups may be combined.

Example of an illustration style using our colors
Example of an illustration style using our colors
Scroll to Top