Overview
The primary BOSS Revolution logo comes in two orientations horizontal and vertical, which can be used interchangeably as needed for the layout.
Aside from the brand colors, the logo is the main element that ties BOSS products and marketing materials together.
Text use
Always use BOSS word in all uppercase for all brand related graphic, marketing and UI works.
Correct use: ✅ BOSS Revolution
Incorrect use: ❌ Boss revolution
Incorrect use: ❌ BOSS revolution
Clear space
Using the “O” from “BOSS” we can clear out some space for the logo to allow it to breathe. Due to the italics and uneven nature of the fist, the placement of the “O” can be a bit tricky.
However, this spacing is already built into the PNG and EPS files.
Incorrect use of logo
🚫 Do not scale disproportionately
🚫 Do not skew
🚫 Do not change
the logotype.
🚫 Do not use the objects separately (excl. app icon)
🚫 Do not modify the colors
🚫 Do not modify any paths (ex. fingers)
🚫 Do not modify the proportions
🚫 Do not add imagery to the phone
🚫 Do not add imagery to the logo
🚫 Do not replace the fist with imagery
BOSS Revolution colors
Small disclaimer: if you’re looking for our design systems in Figma, you can click here for the IDT Design system (flutter) and IDT Web Design System files.
Main colors for BOSS Revolution
Primary color
Title color
BOSS Bg
BOSS Revolution primary color set
[50] is the main color
BOSS Revolution Pinless color set
[50] is the main color
Neutral color set
This is for the content, UI design and all sorts of presentation purposes.
Attention color set
[50] is the main color
Promotion color set
[60] is the main color
Warning color set
[60] is the main color
Success color set
[60] is the main color
Info color set
[50] is the main color
Error color set
[50] is the main color
Typography
We use IDT Sans font for all of our marketing materials, graphic and UI works. Click here to go to the google drive for the font family folder.
Font use
When using the IDT Sans font, please refrain from using the black and extrablack fonts, they’re to be used when the font size is enormous and for rare cases.
Normal
Medium
Demibold
Bold
Extrabold
❌ Black
❌ Extrablack
Spacing
Make sure that the font has negative letter spacing for better readability.
Bigger your font size, bigger the negative letter spacing.
