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.
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, .zip
Favicon set
favicon.ico, 192, 512, apple-touch, webmanifest
Each logo also comes in black and blue one-colour versions in the zip.Download logos (.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: at least one icon square
Minimum size
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.
- #016AFFRoicool BlueRGB 1 106 255 · primary colour
- #0A0A0ABlackRGB 10 10 10
- #0B1633NavyRGB 11 22 51 · brand materials only
- #F4F3EFCreamRGB 244 243 239 · brand materials only
- #FFFFFFWhiteRGB 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. Download Figtree from Google Fonts (opens in a new tab)
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
- Scale (desktop)
- Heading 164 / 400
- Heading 248 / 400
- Heading 328 / 400
- Body16–18 / 400
- Button, label14–16 / 500
App icon and favicon
A rounded icon for square spaces, a square avatar for social profiles and a favicon set for websites.
App · blue
1024 px
App · dark
1024 px
App · cream
1024 px
Social avatar
Square, safe for circle crops
Favicon set
ico, svg, 192, 512, apple
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.
- Founded
- 2020
- Projects
- 13
- Clutch rating (opens in a new tab)
- 5.0
- Karamandan
The best digital marketing agencies
Press contact
For interviews, comment and image requests:
info@roicool.comIf you use the logo in a partner or client list, let us know so we can describe the relationship correctly.
Let’s grow your brand together.
Tell us about your goals and where you are today; we’ll decide the first step together.







