chargehealth styleguide

typography

Headlines: avenir

Body Copy: Varela Round

Headline

H1

Headline Example

H2

Headline Example

H3

Headline Example

H4
Headline Example
H5
Headline Example
H6

Body copy example
Montsterrat Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph
Body copy quote example
um dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Block Quote
Lorem ipsum
Text Link
Button TextButton Text
Button
  1. Lorem ipsum
  2. Dolor sit
  3. Amet consectetur
ordered List & List items
  • Lorem ipsum
  • Dolor sit
  • Amet consectetur
Unordered List & List items

colour

Text colors

On white

Montsterrat Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Lorem ipsum dolor sit amet

On Colour 1

Montsterrat Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Lorem ipsum dolor sit amet
Button Text

Main colors

BRAND COLOR 1 main colour
Rare Featured colour
BRAND COLOR 2 -highlight

Neutral colors

LIGHT GREY 1
DARK GREY 1
LIGHT GREY 2
DARK GREY 2
MAIN LOGO on white
MAIN LOGO on image

logos

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

components

View Live Website