1.0 TYPOGRAPHY
H1-- ROBOTO, 100 & 700 – 60PX
Mobile: 40pxH2-- ROBOTO, 100 & 700 – 50PX
Mobile: 32pxH3-- ROBOTO, 100 & 700 – 40PX
Mobile: 24pxH4-- ROBOTO, 100 & 700 – 32PX
Mobile: 20pxH5-- ROBOTO, 700 – 24PX
Mobile: 18pxH6-- ROBOTO, 700 – 20PX
Mobile: 16pxBody 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: 8pxList 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

