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:

  • Text
  • Background
  • Illustrations

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:

  • Logo
  • Highligts
  • Illustrations
  • Background (ocassionally)
  • Call-to-action buttons

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:

  • Text
  • Background
  • Illustrations

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:

  • Logo
  • Highligts
  • Illustrations
  • Background (ocassionally)
  • Call-to-action buttons

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

 

  • Real
  • Sincere
  • “hyggeligt”
  • Natural environment
  • Following garden trends
  • Central- and North European style

 

  • High contrast
  • Avoid over saturation
  • True colors
  • Slightly exposured

Image style

 

  • Real
  • Sincere
  • “hyggeligt”
  • Natural environment
  • Following garden trends
  • Central- and North European style

 

  • High contrast
  • Avoid over saturation
  • True colors
  • Slightly exposured

Avoid

 

  • Collage of pictures that are not aligned or structured

Avoid

 

  • Collage of pictures that are not aligned or structured

Illustration style

Illustrations are flat icons and monochrome

 

Illustration style

Illustrations are flat icons and monochrome