Typography

Starting the website with global typography is the easiest way to build a scalable website.

Fonts

Hindmadurai

HEadings, labels, buttons

Muli

Body

Headings - H1 to H6

Votre opticien mobile

Jumbo H1 / 80px / 1.3 EM

Votre opticien mobile

H1 / 60px / 1.3 EM

Votre opticien mobile

H2 / 50px / 1.3 EM

Votre opticien mobile

H3 / 40px / 1.3 EM

Votre opticien mobile

H4 / 30px / 1.3 EM
Votre opticien mobile
H5 / 20px / 1.3 EM
Votre opticien mobile
H6 / 16px / 1.3 EM

Paragraphs - Small, Normal & Big

I'll know it when i see it can you make it pop, nor make it sexy, yet I really like the colour but can you change it, make it pop we need more images of groups of people having non-specific types of fun, but the hair is just too polarising.

Small Paragraph/ 14px / 1.8 EM

I'll know it when i see it can you make it pop, nor make it sexy, yet I really like the colour but can you change it, make it pop we need more images of groups of people having non-specific types of fun, but the hair is just too polarising.

Global Paragraph/ 16px / 1.8 EM

I'll know it when i see it can you make it pop, nor make it sexy, yet I really like the colour but can you change it, make it pop we need more images of groups of people having non-specific types of fun, but the hair is just too polarising.

Big Paragraph/ 20px / 1.8 EM

Labels - Small, Normal & Big

This is some text inside of a div block.
Small Label/ 12px / 1.4 EM
This is some text inside of a div block.
Normal Label/ 14px / 1.6 EM
This is some text inside of a div block.
Normal Label/ 16px / 1.8 EM

Links - Normal, Caps & Nav

Go to Jazz it up a little
Normal Link/ 14px / 1.6 EM
Go to Jazz it up a little
Normal Link/ 14px / 1.6 EM
Go to Jazz it up a little
Nav Link/ 14px / 1.6 EM / 20px padding

Misc

Workflow ecosystem run it up the flag pole what the. How much bandwidth do you have meeting assassin window of opportunity can you champion this and programmatically five-year strategic plan.
Global Block QUote / 12px / 1.4 EM
  • I know you've made thirty iterations but can we go back to the first one
  • I know you've made thirty iterations but can we go back to the first one
  • I know you've made thirty iterations but can we go back to the first one
Mili Vision, opticien mobile en entreprise, en institution ou à domicile dans la région des 3 lacs en Suisse.

Buttons

One of these might do?

Let's call
button WHite
Let's call
button Blue
Let's call
button small
Let's call
button small WHite
Let's call
button small Blue
Support
Link button
Support
button small WHite
Support
button small Blue
Mili Vision, opticien mobile en entreprise, en institution ou à domicile dans la région des 3 lacs en Suisse.

Colors

There's nothing better than using global colors. Changing pink to pinker takes only 2 seconds now.

Blue / #003041
ORANGe / #e2a535
WHITE SMOKE / #eef0f4