© MTrading 2020
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
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
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;
font-size: 12px;
color: rgba(0,0,0,0.38);
letter-spacing: 0.4px;
line-height: 16px;