Theme Style
Symbols

Style Guide for South Burnett Podiatry

Color

Primary Colors

Primary 1

003B5C

Primary 2

FF6720

Primary 3

White

Secondary Colors

Secondary 1

77C5D5

Secondary 2

34657F

Secondary 3

F1F2F2

Typography

Heading 1

Heading 1 - Montserrat - Bold 87px Line height:108px Line Spacing: 1.5px

Heading 2

Heading 2 - Montserrat - Bold 64px Line height: 80px Line Spacing: 1.5px

Heading 3

Heading 3 - Montserrat - SemiBold 45px Line height: 56px Line Spacing: 1.5px

Heading 4

Heading 4 - Source Sans Pro - SemiBold 32px Line height: 48px Line Spacing: 1.5px
Heading 5
Heading 5 - Source Sans Pro - SemiBold 25px Line height: 35px Line Spacing: 1.5px
Heading 6
Heading 6 - Source Sans Pro - SemiBold 22px Line height: 30px Line Spacing: 1.5px

Paragraph

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph small - Source Sans Pro - Light 19px Line height: 29px

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - Source Sans Pro - Light 24px Line height: 36px

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph - Source Sans Pro - SemiBold 32px Line height: 48px

Unordered List

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Ordered List

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Block Qoute

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Semper nulla elementum, lobortis feugiat cras rhoncus, sem est molestie uam nisi"

Image and Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button

LEARN MORE
Button Primary Small - Montserrat - Light 22px
LEARN MORE
Button Primary Default - Montserrat - Light 25px
LEARN MORE
Button Primary Default - Montserrat - Light 30px
LEARN MORE
Button Primary Small - Montserrat - Light 22px
LEARN MORE
Button Primary Default - Montserrat - Light 25px
LEARN MORE
Button Primary Default - Montserrat - Light 30px

Card

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

This is some text inside of a div block.