1.0 TYPOGRAPHY
H1-- ROBOTO, 100 & 700 – 60PX
Mobile: 40px
H2-- ROBOTO, 100 & 700 – 50PX
Mobile: 32px
H3-- ROBOTO, 100 & 700 – 40PX
Mobile: 24px
H4-- ROBOTO, 100 & 700 – 32PX
Mobile: 20px
H5-- ROBOTO, 700 – 24PX
Mobile: 18px
H6-- ROBOTO, 700 – 20PX
Mobile: 16px
Body Copy
.p_xlarge Roboto, 300 – 20px
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Mobile: 16px
.p_large Roboto, 300 – 18px
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Mobile: 14px
.p Roboto, 300 – 16px
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Mobile: 12px
.p_small Roboto, 300 – 14px
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Mobile: 10px
.p_xsmall Roboto, 300 – 12px
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
Mobile: 8px
List Style
.li_large Roboto, 300 – 18px
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
List Style
.li_large Roboto, 300 – 16px
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
List Style
.li_large Roboto, 300 – 14px
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
2.0 COLORS
Swatches
Black
#000000
White
#ffffff
Ultramarine
#1F295B
Bonnet
#325597
Costal
#7FB6D9
Nirvana
#76D0F4
Bonnet
#325597
Nirvana
#76D0F4