Style Guide
#98d6f1
#00B2E3
#005CB9
#0045E8
#0D3287
#FA6A4F
Primary Headline: Roboto / 300
Secondary Headline: Roboto / 400
Body Text: Roboto / 400
Accent Text: Roboto / 500
Heading Sizes - Desktop
H1 - Lorem Ipsum - 40px
H2 - Lorem Ipsum - 30px
H3 - Lorem Ipsum - 25px
H4 - Lorem Ipsum -22px
H5 - Lorem Ipsum - 20px
H6 - Lorem Ipsum - 18px
H1 - Lorem Ipsum - 40px
H2 - Lorem Ipsum - 30px
H3 - Lorem Ipsum - 25px
H4 - Lorem Ipsum - 22px
H5 - Lorem Ipsum - 20px
H6 - Lorem Ipsum - 18px
Heading Sizes - Laptop
H1 - Lorem Ipsum - 40px
H2 - Lorem Ipsum - 30px
H3 - Lorem Ipsum - 25px
H4 - Lorem Ipsum -22px
H5 - Lorem Ipsum - 20px
H6 - Lorem Ipsum - 18px
H1 - Lorem Ipsum - 40px
H2 - Lorem Ipsum - 30px
H3 - Lorem Ipsum - 25px
H4 - Lorem Ipsum - 22px
H5 - Lorem Ipsum - 20px
H6 - Lorem Ipsum - 18px
Heading Sizes - Tablet
H1 - Lorem Ipsum - 30px
H2 - Lorem Ipsum - 26px
H3 - Lorem Ipsum - 22px
H4 - Lorem Ipsum -20px
H5 - Lorem Ipsum - 18px
H6 - Lorem Ipsum - 17px
H1 - Lorem Ipsum - 30px
H2 - Lorem Ipsum - 26px
H3 - Lorem Ipsum - 22x
H4 - Lorem Ipsum -20px
H5 - Lorem Ipsum - 18px
H6 - Lorem Ipsum - 17px
Heading Sizes - Mobile
H1 - Lorem Ipsum - 26px
H2 - Lorem Ipsum - 22px
H3 - Lorem Ipsum - 20px
H4 - Lorem Ipsum -18px
H5 - Lorem Ipsum - 17px
H6 - Lorem Ipsum - 16px
H1 - Lorem Ipsum - 26px
H2 - Lorem Ipsum - 22px
H3 - Lorem Ipsum - 20px
H4 - Lorem Ipsum -18px
H5 - Lorem Ipsum - 17px
H6 - Lorem Ipsum - 16px
Paragraph 15px – Quia dicta, qui parturient ipsam occaecati lobortis aliquam, lacus. Ea laboris nostra! Sodales integer, hic nisi fugiat dolor inventore nam, suspendisse, quas quam laudantium omnis! Habitasse! Gravida earum! Nunc! Aptent.
Convallis iusto placerat aspernatur culpa architecto eleifend vehicula sed nisi. Tenetur hic iaculis veritatis cum taciti varius quos ratione quia beatae debitis doloribus duis culpa luctus, cupiditate reprehenderit mauris repellendus.
H1 - Lorem Ipsum - 40px
H2 - Lorem Ipsum - 30px
H3 - Lorem Ipsum - 25px
H4 - Lorem Ipsum - 22px
H5 - Lorem Ipsum - 20px
H6 - Lorem Ipsum - 18px
H1 - Lorem Ipsum - 40px
H2 - Lorem Ipsum - 30px
H3 - Lorem Ipsum - 25px
H4 - Lorem Ipsum - 22px
H5 - Lorem Ipsum - 20px
H6 - Lorem Ipsum - 18px
H1 - Lorem Ipsum - 30px
H2 - Lorem Ipsum - 26px
H3 - Lorem Ipsum - 22px
H4 - Lorem Ipsum - 20px
H5 - Lorem Ipsum - 18px
H6 - Lorem Ipsum - 17px
H1 - Lorem Ipsum - 30px
H2 - Lorem Ipsum - 26px
H3 - Lorem Ipsum - 22px
H4 - Lorem Ipsum - 20px
H5 - Lorem Ipsum - 18px
H6 - Lorem Ipsum - 17px
H1 - Lorem Ipsum - 26px
H2 - Lorem Ipsum - 22px
H3 - Lorem Ipsum - 20px
H4 - Lorem Ipsum - 18px
H5 - Lorem Ipsum - 17px
H6 - Lorem Ipsum - 16px
H1 - Lorem Ipsum - 26px
H2 - Lorem Ipsum - 22px
H4 - Lorem Ipsum - 18px
H4 - Lorem Ipsum - 18px
H5 - Lorem Ipsum - 17px
H6 - Lorem Ipsum - 16px
Paragraph 15px – Quia dicta, qui parturient ipsam occaecati lobortis aliquam, lacus. Ea laboris nostra! Sodales integer, hic nisi fugiat dolor inventore nam, suspendisse, quas quam laudantium omnis! Habitasse! Gravida earum! Nunc! Aptent.
Convallis iusto placerat aspernatur culpa architecto eleifend vehicula sed nisi. Tenetur hic iaculis veritatis cum taciti varius quos ratione quia beatae debitis doloribus duis culpa luctus, cupiditate reprehenderit mauris repellendus.