Style Guide

A complete styleguide of Sage redesign.

Global Heading tags

Display 4

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Paragraphs

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

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

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

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

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

Subtitle

Checklist item- Lorem ipsum dolor sit amet.

Checklist item- Lorem ipsum dolor sit amet.

Checklist item- Lorem ipsum dolor sit amet.

Text Weight
text-weight-light
text-weight-normal
text-weight-medium
text-weight-bold
Text Opacity
Low Opacity
Low Opacity
Low Opacity
Text Aligment
text-align-left
text-align-center
text-align-right
Colour Palette
Primary
Primary Light
Text Color
Text Grey
Text Bubble
Icons Background
Accent Gradient
Section Background