Contents

Foundation :

  1. row
  2. container
  3. typography
  4. colors
  5. buttons

Row --> .padding-large, var(--p-l)

Row --> .padding-medium, var(--p-m)

Row --> .padding-small, var(--p-s)

Default Container: 1260px

.container-narrow: 1050px

Typography

Heading 1

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph default – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Paragraph .large – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Paragraph .small – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Paragraph .tiny – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet:

  • consectetur adipiscing elit.
  • Ut elit tellus, luctus nec ullamcorper mattis,
  • pulvinar dapibus leo.

Lorem ipsum dolor sit amet:

  1. consectetur adipiscing elit.
  2. Ut elit tellus, luctus nec ullamcorper mattis,
  3. pulvinar dapibus leo.

“When I reflect on how I got to where I am now, it was through the alignment of social services, employers and a higher education institution.”

Font Family - primary

Merriweather, Sans-serif;

Font Family - secondary

Inter, Sans-serif

colors
primary main
#XXX
primary main
#XXX
primary main
#XXX
primary main
#XXX
secondary main
#XXX
secondary dark
#XXX
secondary light
#XXX
secondary lighter
#XXX
tertiary main
#XXX
tertiary dark
#XXX
tertiary light
#XXX
tertiary lighter
#XXX
quaternary main
#XXX
quaternary main
#XXX
quaternary main
#XXX
quaternary main
#XXX