Style Guide / h1
#981c1e
#1b75bb
#2F332E
#f1f1f1
Primary Headline: Open Sans Condensed Bold / 700 / h2
Secondary Headline: Open Sans Condensed Bold / 600 / h2
Accent Text: Open Sans Condensed Bold / 500 / h2
Body Text: Open Sans / 400 / P
Heading Sizes - Desktop
H1 - Lorem Ipsum - 70/78
H2 - Lorem Ipsum - 40/48
H3 - Lorem Ipsum - 36/44
H4 - Lorem Ipsum - 32/40
H5 - Lorem Ipsum - 28/36
H6 - Lorem Ipsum - 24/32
H1 - Lorem Ipsum - 70/78
H2 - Lorem Ipsum - 40/48
H3 - Lorem Ipsum - 36/44
H4 - Lorem Ipsum - 32/40
H5 - Lorem Ipsum - 28/36
H6 - Lorem Ipsum - 24/32
Heading Sizes - Tablet
H1 - Lorem Ipsum - 68/76
H2 - Lorem Ipsum - 38/46
H3 - Lorem Ipsum - 34/44
H4 - Lorem Ipsum - 30/38
H5 - Lorem Ipsum - 26/34
H6 - Lorem Ipsum - 22/30
H1 - Lorem Ipsum - 68/76
H2 - Lorem Ipsum - 38/46
H3 - Lorem Ipsum - 34/44
H4 - Lorem Ipsum - 30/38
H5 - Lorem Ipsum - 26/34
H6 - Lorem Ipsum - 22/30
Heading Sizes - Mobile
H1 - Lorem Ipsum - 66/74
H2 - Lorem Ipsum - 36/44
H3 - Lorem Ipsum - 32/40
H4 - Lorem Ipsum - 28/36
H5 - Lorem Ipsum - 24/32
H6 - Lorem Ipsum - 20/28
H1 - Lorem Ipsum - 66/74
H2 - Lorem Ipsum - 36/44
H3 - Lorem Ipsum - 32/40
H4 - Lorem Ipsum - 28/36
H5 - Lorem Ipsum - 24/32
H6 - Lorem Ipsum - 20/28
Paragraph 16px – 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.
Paragraph 18px – 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.
Span 16px – 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.
Span 18px – 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.
H1 - Lorem Ipsum - 70/78
H2 - Lorem Ipsum - 40/48
H3 - Lorem Ipsum - 36/44
H4 - Lorem Ipsum - 32/40
H5 - Lorem Ipsum - 28/36
H6 - Lorem Ipsum - 24/32
H1 - Lorem Ipsum - 70/78
H2 - Lorem Ipsum - 40/48
H3 - Lorem Ipsum - 36/44
H4 - Lorem Ipsum - 32/40
H5 - Lorem Ipsum - 28/36
H6 - Lorem Ipsum - 24/32
H1 - Lorem Ipsum - 68/76
H2 - Lorem Ipsum - 38/46
H3 - Lorem Ipsum - 34/44
H4 - Lorem Ipsum - 30/38
H5 - Lorem Ipsum - 26/34
H6 - Lorem Ipsum - 22/30
H1 - Lorem Ipsum - 68/76
H2 - Lorem Ipsum - 38/46
H3 - Lorem Ipsum - 34/44
H4 - Lorem Ipsum - 30/38
H5 - Lorem Ipsum - 26/34
H6 - Lorem Ipsum - 22/30
H1 - Lorem Ipsum - 66/74
H2 - Lorem Ipsum - 36/44
H3 - Lorem Ipsum - 32/40
H4 - Lorem Ipsum - 28/36
H5 - Lorem Ipsum - 24/32
H6 - Lorem Ipsum - 20/28
H1 - Lorem Ipsum - 66/74
H2 - Lorem Ipsum - 36/44
H4 - Lorem Ipsum - 32/40
H4 - Lorem Ipsum - 28/36
H5 - Lorem Ipsum - 24/32
H6 - Lorem Ipsum - 20/28
Paragraph 16px – 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.
Paragraph 18px – 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.
Span 16px – 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.
Paragraph 18px – 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.
