Website Stylesheet
Colours
Mauve
#702283
Purple
#962071
Pale Green
#76b39d
Yellow
#fdb44b
Font Families
Montserrat
An all round font with lots of variable options.
An all round font with lots of variable options.
An all round font with lots of variable options.
Kode Mono
It's also good to have a monospace font on the roster.
It's also good to have a monospace font on the roster.
Handlee
For when a bit more character is needed!
Shadows into Light Two
Another character font for some variety.
Text Styles
Heading 1 - Website Title
- Font-family: Handlee
- Font-size: 4rem
- Font-weight: normal
Heading 2 - Page Title
- Font-family: Montserrat
- Font-size: 3.5rem
- Font-weight: bolder
Heading 3 - Content Header
- Font-family: Montserrat
- Font-size: 2.5rem
- Font-weight: bold
Heading 4 - Content Sub-section
- Font-family: Montserrat
- Font-size: 2rem
- Font-weight: bold
Heading 5 - Content Sub-sub-section
- Font-family: Montserrat
- Font-size: 1.5rem
- Font-weight: bold
Heading 6 - Content Sub-sub-section
- Font-family: Montserrat
- Font-size: 1rem
- Font-weight: bold
Paragraph
- Font-family: Montserrat
- Font-size: 16px
- Font-weight: normal
- Font-family: Shadows into Light Two
- Font-size: 3rem
- Font-style: italics
Code
- Font-family: Kode Mono lowercase
- Font-size: 1.25
- Font-weight: normal
- Font-family: Kode Mono
- Font-size: 1rem
- Font-weight: italic
Navigation Bar
- Font-family: Handlee
- Font-size: 1.5rem
- Font-weight: normal
- Font-family: Shadows into Light Two
- Font-size: smaller
- Font-weight: italic