life matters styleguide

typography

Headlines: Yantramanav

Body Copy: Montserrat

Headline Example

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
View ProjectView Project
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.

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
View ProjectView Project

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
View ProjectView Project

On Colour 2

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.

View ProjectView Project
font color - dark
font color - on colour

Main colors

BRAND COLOR 1
BRAND COLOR 3
BRAND COLOR 2
BRAND COLOR 4
BRAND COLOR 5

Neutral colors

LIGHT GREY 1
#ebebeb
DARK GREY 1
#636363
LIGHT GREY 2
#cccccc
DARK GREY 2
#333333
MAIN LOGO on white
MAIN LOGO vertical
MAIN LOGO on image
MAIN LOGO VERTICAL 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.

Heading

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

components

components extended

View Live Website