Brand Identity

Logo

Here you will find the official logo versions prepared for different formats and contexts. Choose the white or dark version depending on the background to ensure optimal contrast and recognizability.

The primary logo for use is the horizontal version; the vertical or square logo serves as an alternative for narrow or tall formats.

Use the horizontal versions for banners and wide layouts, and the square versions for spaces with limited room. Always maintain the required clear space around the logo.

Incorrect logo scaling and distortion of proportions should be avoided, as shown in the examples below. Please preserve the logo proportions and safe area during scaling and positioning to maintain brand recognition.

ITRB horizontal black
ITRB horizontal white
ITRB square white
ITRB square black

Examples of incorrect logo usage are shown below.

Incorrect 1
Incorrect 2

Monochrome Versions

These versions represent the primary color sets. Use them as a reference when selecting backgrounds, accents, and color combinations across different materials.

Colors sheet 1
Colors sheet 2
Colors sheet 3

Color Palette

Here you will find the primary brand colors and accent tones that form the visual identity of ITRB.

Use them consistently across web, print, and presentations to maintain a unified tone and brand recognition.

The palette has been selected to ensure strong readability and contrast across different backgrounds — from interface elements to large banners and marketing materials.

There are no strict limitations when combining colors from the palette with backgrounds. Accent colors should be used moderately to preserve the visual harmony and recognizability of the brand.

Primary Colors

main-900
HEX
#191E29
RGB
25, 30, 41
CMYK
82% 73% 56% 69%
main-600
HEX
#001933
RGB
0, 25, 51
CMYK
96% 82% 49% 63%
main-500
HEX
#001F3F
RGB
4, 32, 62
CMYK
100% 51% 0% 75%
main-400
HEX
#003266
RGB
0, 50, 102
CMYK
100% 51% 0% 60%
main-300
HEX
#004B99
RGB
0, 75, 153
CMYK
100% 51% 0% 40%

Brand Color

brand-700
HEX
#004D40
RGB
0, 77, 64
CMYK
90% 45% 72% 43%
brand-600
HEX
#00806B
RGB
0, 128, 107
CMYK
87% 28% 66% 11%
brand-500
HEX
#00B195
RGB
0, 177, 149
CMYK
85% 0% 55% 0%
brand-400
HEX
#00E5C1
RGB
0, 229, 193
CMYK
61% 0% 38% 0%
brand-300
HEX
#1AFFDB
RGB
26, 255, 219
CMYK
53% 0% 30% 0%

Primary Accent Color

accent-lime
HEX
#D8E64C
RGB
216, 230, 76
CMYK
19% 0% 84% 0%

Additional Accent Colors

accent-yellow
HEX
#FBD900
RGB
251, 217, 0
CMYK
3% 11% 100% 0%
accent-orange
HEX
#F05A28
RGB
240, 90, 40
CMYK
0% 80% 93% 0%
accent-purple
HEX
#4B2E83
RGB
75, 46, 131
CMYK
88% 99% 11% 2%

Neutral Colors

neutral-800
HEX
#2F343C
RGB
47, 52, 60
CMYK
76% 67% 55% 53%
neutral-700
HEX
#444A5A
RGB
68, 74, 90
CMYK
73% 62% 50% 34%
neutral-600
HEX
#696E79
RGB
105, 110, 121
CMYK
62% 51% 41% 12%
neutral-500
HEX
#8A909C
RGB
138, 144, 156
CMYK
49% 38% 31% 1%
neutral-400
HEX
#C7CCD4
RGB
199, 204, 212
CMYK
21% 15% 11% 0%
neutral-300
HEX
#EEF1F4
RGB
238, 241, 244
CMYK
5% 2% 2% 0%

Black / White

black
HEX
#000000
RGB
0, 0, 0
CMYK
0% 0% 0% 100%
white
HEX
#FFFFFF
RGB
255, 255, 255
CMYK
0% 0% 0% 0%

Usage Examples

Buttons

Accents

Gradients

Typography

Sofia Sans is our primary typeface, selected for its modern aesthetic and excellent readability. It gives our brand a professional yet approachable appearance and adapts well across different sizes and media.

Below is a brief overview of the typeface at different sizes — from small interface values to large headings.

This will help you evaluate readability and visual context across different use cases and formats.

The example below illustrates the typeface usage at various sizes.

12px
The quick brown fox jumps over the lazy dog.
14px
The quick brown fox jumps over the lazy dog.
16px (base)
The quick brown fox jumps over the lazy dog.
18px
The quick brown fox jumps over the lazy dog.
20px
The quick brown fox jumps over the lazy dog.
24px
The quick brown fox jumps over the lazy dog.
32px
The quick brown fox jumps over the lazy dog.
40px
The quick brown fox jumps over the lazy dog.
48px
The quick brown fox jumps over the lazy dog.
56px
The quick brown fox jumps over the lazy dog.
64px
The quick brown fox jumps over the lazy dog.
72px
The quick brown fox jumps over the lazy dog.

Font Styles and Weights

Headline extrabold (48–72px)
Headline bold (32–48px)
Subheadline semibold (24–32px)
Subheadline medium (24–32px)
Body text regular (12–16px)
ACCENT TEXT semibold (12–16px all caps)

Example Usage

This example demonstrates how the typeface is used in meaningful combinations according to the purpose of each individual element.

ACCENT TEXT Headline Subheadline Body text

Brand Applications

These examples demonstrate how the brand elements — logo, colors, and typography — are applied across real products and materials.

Use them as a reference when preparing print and production materials: maintain the logo proportions and safe area, and use the specified color values for accurate reproduction.

A4 sheet
Business cards
Planner
Badge
Pen
T-shirt
Van
Building

Favicon & Email Signature

Favicon

A favicon is the small icon displayed in the browser tab, bookmarks, and browsing history. Using the official ITRB icon strengthens brand recognition whenever the website is opened or a page is saved.

Below are the recommended favicon sizes and usage contexts. Follow them when integrating the favicon into websites and applications to maintain a consistent visual identity.

Favicon usage for ITRB

Recommended Sizes and Contexts

16x16 favicon

16×16px
Browser tabs

32x32 favicon

32×32px
Bookmarks & high-DPI

48x48 favicon

48×48px
Desktop shortcuts

64x64 favicon

64×64px
App icons

Email Signature

The official ITRB email signature includes the logo, contact details, and optional social links. Using it across all corporate emails helps maintain a professional and consistent communication style.

Use the provided template when configuring email clients (Outlook, Gmail, etc.) and do not modify the proportions, colors, or arrangement of the elements.

Email signature usage for ITRB