Deakin Navigator Style Guide

Elements:

Colors

$color-primary

$color-primary-dark

$color-secondary

$color-secondary-dark

$color-secondary-light


Typography

H1 This is a heading.

H2 This is a heading.

H3 This is a subheading.

H4 This is a heading.

H5 This is a heading.
H6 This is a heading.

P Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda delectus incidunt itaque iusto maxime

The Lead paragraph is a paragraph that is slightly larger than the rest of the content. Often it is the first paragraph of a post.

The Lead paragraph is a paragraph that is slightly larger than the rest of the content. Often it is the first paragraph of a post.

Bold Text

“Blockquote sodales ut at arcu viverra, elementum
velit at, faucibus dui. Quisque volutpat sit amet
purus id ventus vitae imperdiet.”

A link, Hover + Visited

Buttons


Lists

Unordered List
  • Unordered List
  • Lorem ipsum dolor sit, amet consectetur adipisicing elit.
    • Lorem ipsum dolor sit, amet consectetur adipisicing elit
    • Lorem ipsum dolor sit, amet consectetur adipisicing elit
  • Lorem ipsum dolor sit, amet consectetur adipisicing elit.

Ordered List
  1. Ordered List
  2. Lorem ipsum dolor sit, amet consectetur adipisicing elit.
    1. Lorem ipsum dolor sit, amet consectetur adipisicing elit
    2. Lorem ipsum dolor sit, amet consectetur adipisicing elit
  3. Lorem ipsum dolor sit, amet consectetur adipisicing elit.

Fields

Radio

Checkbox


Ask us a question close

Make an enquiry

You can access our enquiry form here or by using the Learn More button at the bottom of this page.