Colors

primary

primary #007ed8
monza #e10223

grayscale

milk #fff
cola #000
desert #f7f7f7
dune #313131
oslo #8a8a8b
onyx #131314

Typography

Font family

Aa

NeueMontreal Medium

Aa

NeueMontreal Bold

Heading 1

Font / weight:
600
Font size:
92/72/42
Line height:
102/82/46
Letter spacing:
-4%

We enabl rapid growth with digital experiences

Heading 2

Font / weight:
600
Font size:
72/62/32
Line height:
82/62/36
Letter spacing:
-4%

We enabl rapid growth with digital experiences

Heading 3

Font / weight:
600
Font size:
52/42/28
Line height:
62/52/32
Letter spacing:
-4%

We enabl rapid growth with digital experiences

Heading 4

Font / weight:
600
Font size:
42/32/26
Line height:
52/42/30
Letter spacing:
-3%

We enabl rapid growth with digital experiences

Heading 5

Font / weight:
600
Font size:
32/22/20
Line height:
42/32/24
Letter spacing:
-2%
We enabl rapid growth with digital experiences

Body

Font / weight:
400
Font size:
18/16/15
Line height:
32/26/25

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque.

Subtitle

Font / weight:
400
Font size:
14
Line height:
24
Lorem ipsum dolor sit amet

Paragraph links

Text decoration
underline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque.

Unordered list

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aenean commodo ligula eget dolor.
  • Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  • Donec quam felis, ultricies nec, pellentesque.

Ordered list

  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aenean commodo ligula eget dolor.
  3. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  4. Donec quam felis, ultricies nec, pellentesque.

System icons

Buttons

Button

Button text

Black button

Button text

Primary button

Button text

Outline button

Button text

Icon only button

Social button

Accordion

Accordion titel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Accordion titel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Accordion titel

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Inputs

Error message

Checkboxes

Active

Unactive

Disabled

Radio buttons

Active

Unactive

Disabled

Enclosures
Power Distribution
Climate Control
IT Infrastructure
Software & Service