Innovation Dock, Bryggerikaien 24,

Stavanger, 4014, Norway

  • White Facebook Icon
  • White Twitter Icon
  • White Instagram Icon
  • White LinkedIn Icon

Our Partners

Mantle Analytics ® is a registered Trademark of Mantle Analytics AS (Foretaksnummer: 919391081 MVA)

Copyright © 2018 by Mantle Analytics (Foretaksnummer: 919391081 MVA)

OUR STYLE GUIDE

COLOR SCHEMES
Primary brand colors are used for elements that must reflect Mantle's brand. Our main brand colors are inspired by ocean bodies of water.
Calypso
Hippie Blue
Fountain
Blue
Turquoise Blue
Secondary brand colors are used for elements that must complement Mantle's primary brand colors. Our secondary brand colors are inspired by shades of color orange.
Orange
Pomegranate
Grey colors are used for text, backgrounds, lines and borders.
Black
White
Gallery
TYPOGRAPHY
Mantle's primary typeface is Helvetica — a neo-grotesque or realist design, one influenced by the famous 19th century typeface Akzidenz-Grotesk and other German and Swiss designs. It is flexible and simple.
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
The font scale consists of 9 different font sizes. The default size applied to the body is 15px.
The quick brown fox jumps over the lazy dog
40px - Used for main titles
The quick brown fox jumps over the lazy dog
30px - Used for other titles
The quick brown fox jumps over the lazy dog
24px - Used for sub-titles/points
The quick brown fox jumps over the lazy dog
19px - Used for description
The quick brown fox jumps over the lazy dog
15px - Used for body text
There are three font weights available to use — Light, Regular and Bold.
Light
Helvetica Light
Regular
Helvetica Regular
Bold
Helvetica Bold
There are three font styles available to use — Regular, Italicized  and Underlined.
Regular
Italicized
Underlined
BORDERS AND BUTTONS
BORDERS
We use two kinds of borders. A plain one and semi-round one.
BORDERS
We only use one kind of button. It is a semi-round one that changes the color when hovered.
LAYOUT
We use strips that are provided by Wix. We only use two kinds of layout. A one-columner and a two-columner.
This is a one-columner.
This is a 
two-columner.