Desktop + Mobile Styleguide

Here you will find all desktop and mobile styles used to create the Mecaline site. If you have any questions please contact Rubix Group on info@rubix-group.com

Last updated July 2020.

Logo

Colors

Fonts desktop

Verdana

H1

H2

H3

H4

Body

CTA

Bold 43/53px

Regular 30/37px

Bold 23/43px

Bold 20/24px

Bold 18/24px

Bold 18/22px

Fonts mobile

Verdana

H1

H2

H3

H4

Body

CTA

Bold 30/37px

Regular 22/26px

Bold 19/27px

Bold 19/23px

Bold 16/24px

Bold 17/21px

Icons

Buttons and CTAs

Navigation desktop

Navigation mobile

Hero banner desktop

Hero banner mobile

Form styling desktop

Footer desktop

Footer mobile