Colors
Main colors
These main colors create the basic visual character of the brand.
Visualbook Red | |
---|---|
HEX | #ff4c50 |
RGB | rgb(255,76,80) |
CMYK | 0-85-65-0 |
Pantone C | 178 C |
Pantone U | 032 U |
Visualbook Black | |
---|---|
HEX | #000000 |
RGB | rgb(0,0,0) |
CMYK | 0-0-0-100 |
Pantone C | Process Black C |
Pantone U | Process Black U |
Light Blue | |
---|---|
HEX | #c7e3ff |
RGB | rgb(199,227,255) |
CMYK | 19-4-0-100 |
Pantone C | N/A |
Pantone U | N/A |
Light Yellow | |
---|---|
HEX | #FFEBB8 |
RGB | rgb(255,235,184) |
CMYK | 1-6-32-0 |
Pantone C | N/A |
Pantone U | N/A |
Secondary colors
Colors used in the application environment (UI - User Interface) and on the web.
Color ratio
Proportional use of colors within the visual style.
Light theme
Dark theme
Color palette
Color palettes allow us to build a digital environment (applications, web) with regard to sufficient contrast and accessibility of all elements.
Gray 100
#141619
Gray 90
#23262b
Gray 80
#363940
Gray 70
#4f525f
Gray 60
#6b6f7e
Gray 50
#898e9e
Gray 40
#a4a8b8
Gray 30
#c3c6d4
Gray 20
#dddfe8
Gray 10
#f3f3f6
Gray 00
#fafafa
Info 100
#031724
Info 90
#03293d
Info 80
#073d59
Info 70
#00587f
Info 60
#0077aa
Info 50
#3196d0
Info 40
#60b0e8
Info 30
#96ccfa
Info 20
#c7e3ff
Info 10
#ebf5ff
Info 00
#f8fafd
Gradients
Examples of gradients used within a brand.
Visualbook Red
#ff4c50
Info 20
#c7e3ff
Color modes
Color modes define the color scheme we choose for the logo to achieve the correct display on both screens and in print.
Color mode | What is it? | Example | Usage |
---|---|---|---|
HEX | RGB equivalent (hexadecimal) | #000000 | WEBHTMLCSS |
RGB | Color space for screens | rgb(100, 100, 100) | WEBHTMLCSS |
CMYK | Color space for print | 10-10-10-10 | PRINT |
Pantone | Direct colors for printing | 1100 C | PRINT |
Choosing color mode
Suitable logo color mode: | RGB logo | CMYK logo | Pantone logo |
---|---|---|---|
The logo will be on the screen (web, mobile, presentation…) | |||
The logo will be printed (business card, leaflet…) |