---
type: "Brand Kit"
title: "Brand kit: the Roicool logo, colours and typeface"
description: "Download the Roicool logo as SVG and PNG: horizontal, stacked, mark and wordmark logos, colour codes, the Figtree typeface, usage rules and press contact."
url: "https://www.roicool.com/en/brand-kit"
lang: "en"
resource: "https://www.roicool.com/en/brand-kit"
alternates:
  tr: "https://www.roicool.com/marka-kiti.md"
---

# Brand kit

The brand kit is here so you can use the Roicool logo, colours and typeface correctly.

49 files · SVG + PNG · favicon set · Updated October 2026

- [Logo, Horizontal · primary, SVG](https://www.roicool.com/brand/kit/01-logo-yatay/roicool-logo-mavi-ikon-siyah-yazi.svg)
- [Logo, Horizontal · primary, PNG](https://www.roicool.com/brand/kit/01-logo-yatay/roicool-logo-mavi-ikon-siyah-yazi.png)
- [Download all (.zip)](https://www.roicool.com/brand/roicool-marka-kiti.zip)

## The story of the logo

A growth curve rising from measurable building blocks, and the added value every investment creates.

The Roicool icon is born from a grid. The two squares at the top left stand for the measurable building blocks of digital marketing: data, budget and strategy, each in its place and clear. The S-shaped curve that leaves them is that fixed structure turned into motion.

Together the three parts reveal a hidden “+”. The same language carries into the lettering: the square dot of the “i” comes from the icon’s data squares, and the slanted cut of the “l” opens the word upwards.

## Logos, for every background.

Default: the horizontal logo with the blue icon. On white, blue icon + black lettering; on black, blue icon + white lettering; on blue, the white logo. Every file comes as SVG and PNG.

| Logos |  |
| --- | --- |
| Horizontal · primary | White and light backgrounds |
| Horizontal · dark background | Black background |
| Horizontal · white | Blue background, over photos |
| Horizontal · black | One-colour print |
| Stacked | Square spaces, posters |
| Icon | Profiles, small spaces |
| Wordmark | When the icon is used elsewhere |
| App icon | Blue · black · cream |
| Favicon set | favicon.ico, 192, 512, apple-touch, webmanifest |

Each logo also comes in black and blue one-colour versions in the zip.

## Usage, three rules.

Leave at least one icon square of clear space around the logo. Do not use the horizontal logo below 120 px or the icon below 16 px. Do not distort the proportions, rotate the icon, or add shadows or effects.

Clear space: x = the side of one square in the icon; at least one icon square (x) of clear space all around the logo.

Minimum size: on screen 120 px horizontal, 72 px stacked, 16 px mark; in print 30 mm horizontal.

Misuse: Do not stretch; Do not rotate; Do not recolour; No shadows or effects; Blue icon on blue; Do not crop.

## Colours and type.

Roicool Blue is the primary colour. On the website the backgrounds are only white and pure black (#030303); navy and cream are for print and brand materials.

| Colours | HEX | RGB |
| --- | --- | --- |
| Roicool Blue (primary colour) | #016AFF | 1 106 255 |
| Black | #0A0A0A | 10 10 10 |
| Navy (brand materials only) | #0B1633 | 11 22 51 |
| Cream (brand materials only) | #F4F3EF | 244 243 239 |
| White | #FFFFFF | 255 255 255 |

The logo lettering: Custom lettering based on Plus Jakarta Sans SemiBold, tracking −30; the dot of the “i” is square and the top of the “l” is cut at a slant. It is vector, no font needed.

The website typeface · Figtree: Open source (SIL OFL). Headings and text 400, buttons and labels 500.

| Scale (desktop) |  |
| --- | --- |
| Heading 1 | 64 / 400 |
| Heading 2 | 48 / 400 |
| Heading 3 | 28 / 400 |
| Body | 16–18 / 400 |
| Button, label | 14–16 / 500 |

- [Download Figtree from Google Fonts](https://fonts.google.com/specimen/Figtree)

## App icon and favicon

A rounded icon for square spaces, a square avatar for social profiles and a favicon set for websites.

## Roicool in the press

Journalists and our partners may use the files on this page in news stories, presentations and partnership announcements. The logos come as SVG and PNG, ready for any background. Use the logo unchanged, following the clear-space and size rules below. For interviews, comments or images, email info@roicool.com.

- **2020** Founded.
- **13** Projects.
- **5.0** Clutch rating. Source: [Clutch](https://clutch.co/profile/roicool)

## Press contact

For interviews, comment and image requests: info@roicool.com. If you use the logo in a partner or client list, let us know so we can describe the relationship correctly.

Breadcrumb: [Home](https://www.roicool.com/en) › [About us](https://www.roicool.com/en/about-us) › Brand kit

Source: https://www.roicool.com/en/brand-kit