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…) |