Color Pallete

Primary

HEX: #A466FF
RGB: 164, 102, 255
CMYK: 36 / 60 / 0 / 0

Primary Dark

HEX: 7810FC
RGB: 120, 16, 252
CMYK: 52 / 93 / 0 / 1

Secondary

Blue
HEX: #09E1EE
RGB: 9, 225, 238
CMYK: 90 / 5 / 0 / 7

Secondary

Pink
HEX: #F6AAAA
RGB: 246, 170, 170
CMYK: 0 / 30 / 30 / 4

Secondary

Yellow
HEX: #F7E19A
RGB: 247, 225, 154
CMYK: 0 / 9 / 36 / 3

Secondary

Orange
HEX: #F68363
RGB: 246, 131, 99
CMYK: 0 / 45 / 58 / 4

Text / Heading

Black
HEX: #000000
RGB: 0, 0, 0
CMYK: 0 / 0 / 0 / 100

Text / Heading

Purple
HEX: #452E66
RGB: 69, 46, 102
CMYK: 13 / 22 / 0 / 60

Text / Heading

White
HEX: #FFFFFF
RGB: 255, 255, 255
CMYK: 0 / 0 / 0 / 0

Typography

TYPEFACE
Bw Gradual

Aa

Light
300

Aa

Regular
400

Aa

Medium
500

Aa

Bold
700
TYPEFACE
Inter

Aa

Light
300

Aa

Regular
400

Aa

Medium
500

Aa

Bold
700
TYPEFACE
Rajdhani

Aa

Light
300

Aa

Regular
400

Aa

Medium
500

Aa

Bold
700
TEXT STYLE
Name
Weight
Size
Line height
Spacing
Heading 01
Bold 500
54px
71px
0
Heading 02
Bold 500
48px
54px
0
Heading 03
Bold 400
40px
46px
0
Heading 04
Bold 400
34px
40px
0
Heading 05
Bold 400
32px
40px
0.15em
Heading 06
Bold 700
27px
35px
0
Body 01
Bold 400
18px
32px
0
Body 02
Bold 400
16px
32px
0
Body 03
Bold 400
14px
30px
0

Logo

LOGO
Primary color
Use the primary logo as much as possible overall but preferably on monocolored backgrounds
LOGO
Monocolor
Use the monocolor logo for multicolored backgrounds only
LOGO
Color / Monocolor
Use the icon only when it is impossible to use the primary logo
LOGO
Spacing
LOGO
Layout
When using the logo in a layout make sure to place it in the top-left corner

© 2017 - 2023 Energy Web, All Rights Reserved.

Energy Web is incorporated in Zug, Switzerland

chevron-down