Design guidelines
Design guidelines
Baser Brand
The Baser brand pages can only be accessed from a desktop
CMYK: 99, 81, 34, 26
RGB: 29, 54, 96
HEX: 1d3660
Application:
This is the primary color.
RGB: 232, 235,239
CMYK: 11, 6, 5, 0
Opacity 10%
RGB: 197, 205, 215
CMYK: 27, 16, 12, 0
Opacity 25%
RGB: 140, 154, 175
CMYK: 50, 33, 21, 5
Opacity 50%
RGB: 94, 115, 143
CMYK: 68, 48, 28, 11
Opacity 70%
CMYK: 0, 53, 64, 0
RGB: 242, 144, 95
HEX: f2905f
Application:
RGB: 254, 244, 239
CMYK: 0, 6, 7, 0
Opacity 10%
RGB: 252, 227, 215
CMYK: 0, 14, 15, 0
Opacity 25%
RGB: 248, 199, 175
CMYK: 1, 28, 31, 0
Opacity 50%
RGB: 246, 178, 144
CMYK: 0, 38, 43, 0
Opacity 70%
Headlines
Quicksand regular or bold
Font size print (e.g. catalouges): Adjusted to fit the design
Font size web: Fit to the design + see examples on the web page
Color: Dark blue
Sub-headlines
Quicksand bold
Font size print (e.g. catalouges): 9 pt
Font size web: 16 pt
Color: Dark blue
Regular text
Quicksand regular
Font size print (e.g. catalouges): 9 pt
Font size web: 16 pt
Color: Dark blue
CMYK: 99, 81, 34, 26
RGB: 29, 54, 96
HEX: 1d3660
Application:
This is the primary color.
RGB: 232, 235,239
CMYK: 27, 16, 12, 0
Opacity 10%
RGB: 197, 205, 215
CMYK: 27, 16, 12, 0
Opacity 25%
RGB: 140, 154, 175
CMYK: 50, 33, 21, 5
Opacity 50%
RGB: 94, 115, 143
CMYK: 68, 48, 28, 11
Opacity 70%
CMYK: 0, 53, 64, 0
RGB: 242, 144, 95
HEX: f2905f
Application:
RGB: 254, 244, 239
CMYK: 0, 6, 7, 0
Opacity 10%
RGB: 252, 227, 215
CMYK: 0, 14, 15, 0
Opacity 25%
RGB: 248, 199, 175
CMYK: 1, 28, 31, 0
Opacity 50%
RGB: 246, 178, 144
CMYK: 0, 38, 43, 0
Opacity 70%
Headlines
Quicksand regular or bold
Font size print (e.g. catalouges): Adjusted to fit the design
Font size web: Fit to the design + see examples on the web page
Color: Dark blue
Sub-headlines
Quicksand bold
Font size print (e.g. catalouges): 9 pt
Font size web: 16 pt
Color: Dark blue
Regular text
Quicksand regular
Font size print (e.g. catalouges): 9 pt
Font size web: 16 pt
Color: Dark blue
Primarily Logo version
Squared orange box with white logo
The box cannot be other colors than orange
The box cannot be other shapes than squared
This logo can only be placed in the top right or left corner as a snip
Secondary logo version
No outer box
Can be displaced in colors of dark blue or white if showned on colored background or on top of an image
This version is often placed in the bottom left or right corner, but can be placed elsewere to accomodate the design
Tertiary logo version
No outer box
Can be displayed in colors of dark blue or white if shown on colored background or on top of an image
This version is often placed right after or used in small places like a favicon
Primarily Logo version
Squared orange box with white logo
The box cannot be other colors than orange
The box cannot be other shapes than squared
This logo can only be placed in the top right or left corner as a snip
Secondary logo version
No outer box
Can be displaced in colors of dark blue or white if showned on colored background or on top of an image
This version is often placed in the bottom left or right corner, but can be placed elsewere to accomodate the design
Tertiary logo version
No outer box
Can be displayed in colors of dark blue or white if shown on colored background or on top of an image
This version is often placed right after or used in small places like a favicon
Image style
Image style
Avoid
Avoid
Illustration style
Illustrations are flat icons and monochrome
Illustration style
Illustrations are flat icons and monochrome