Logo

Colours

RGB: 83 44 108

WEB: 532c6c

RGB: 105 44 121

WEB: 692c79

RGB: 133 67 153

WEB: 854399

RGB: 157 71 155

WEB: 9d479b

RGB: 239 192 155

WEB: efc09b

Secondary colours​

RGB: 0 85 183

WEB: 0055b7

RGB: 243 138 0

WEB: f38a00

RGB: 255 255 255

WEB: ffffff

RGB: 169 168 169

WEB: a9a8a9

RGB: 16 24 31

WEB: 10181f

Buttons

Large

Typography

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5

Headline 1

Headline 2

Headline 3

Headline 4

Headline 5

Hight Emphasis

Headline 6

font-family: OpenSans-Semibold;
font-size: 20px;
color: rgba(0,0,0,0.87);
letter-spacing: 0.25px;

Subtitle 1
font-family: OpenSans-Semibold;
font-size: 16px;
color: rgba(0,0,0,0.87);
letter-spacing: 0.15px;
line-height: 24px;
Subtitle 2
font-family: OpenSans-Semibold;
font-size: 14px;
color: rgba(0,0,0,0.87);
letter-spacing: 0.1px;
line-height: 24px;
Body 1
font-family: OpenSans-Regular;
font-size: 16px;
color: rgba(0,0,0,0.87);
letter-spacing: 0.5px;
line-height: 28px;
Body 2
font-family: OpenSans-Regular;
font-size: 14px;
color: rgba(0,0,0,0.87);
letter-spacing: 0.25px;
line-height: 20px;
Caption
font-family: OpenSans-Regular;
font-size: 12px;
color: rgba(0,0,0,0.87);
letter-spacing: 0.4px;
line-height: 16px;

Medium Emphasis

Headline 6

font-family: OpenSans-Semibold;

font-size: 20px;
color: rgba(0,0,0,0.60);
letter-spacing: 0.25px;

Subtitle 1
font-family: OpenSans-Semibold;
font-size: 16px;
color: rgba(0,0,0,0.60);
letter-spacing: 0.15px;
line-height: 24px;
Subtitle 2
font-family: OpenSans-Semibold;
font-size: 14px;
color: rgba(0,0,0,0.60);
letter-spacing: 0.1px;
line-height: 24px;
Body 1
font-family: OpenSans-Regular;
font-size: 16px;
color: rgba(0,0,0,0.60);
letter-spacing: 0.5px;
line-height: 28px;
Body 2
font-family: OpenSans-Regular;
font-size: 14px;
color: rgba(0,0,0,0.60);
letter-spacing: 0.25px;
line-height: 20px;
Caption
font-family: OpenSans-Regular;
font-size: 12px;
color: rgba(0,0,0,0.60);
letter-spacing: 0.4px;
line-height: 16px;

Disabled

Headline 6

font-family: OpenSans-Semibold;
font-size: 20px;
color: rgba(0,0,0,0.38);
letter-spacing: 0.25px;

Subtitle 1
font-family: OpenSans-Semibold;
font-size: 16px;
color: rgba(0,0,0,0.38);
letter-spacing: 0.15px;
line-height: 24px;
Subtitle 2
font-family: OpenSans-Semibold;
font-size: 14px;
color: rgba(0,0,0,0.38);
letter-spacing: 0.1px;
line-height: 24px;
Body 1
font-family: OpenSans-Regular;
font-size: 16px;
color: rgba(0,0,0,0.38);
letter-spacing: 0.5px;
line-height: 28px;
Body 2
font-family: OpenSans-Regular;
font-size: 14px;
color: rgba(0,0,0,0.38);
letter-spacing: 0.25px;
line-height: 20px;
Caption
font-family: OpenSans-Regular;
font-size: 12px;
color: rgba(0,0,0,0.38);
letter-spacing: 0.4px;
line-height: 16px;

© MTrading 2020