Colours
Hue |
Name |
Description |
| #2F4B26 | Forest Green | For menus and other important UI element backgrounds |
| #FDF0D5 | Cream | To add contrast or as a generic background colour |
| #466365 | Slate Grey | A background colour for titles, buttons, etc. |
| #FF8811 | Mandarin | a call to action colour |
Fonts
Name |
Styles |
Example |
| Comfortaa | Regular, Bold, Italic | The quick brown fox jumps over the lazy dog |
| Spinnaker | Regular, Bold, Italic | The quick brown fox jumps over the lazy dog |
Text Styles
Element Title |
Style Rules |
| Heading 1 | font-family: Spinnaker, padding: 80 20, text-align: centre, bold, size 40px |
| Heading 2 | font-family: Comfortaa, text-align: centre, bold, size 26px, text-decoration: bold, underline |
| Heading 3 | font-family: Comfortaa, text-align: left, size 26px, text-decoration: bold, |
| Paragraph | font-family: Comfortaa, text-align: left, size 15px, text-decoration: none |
Layout
Hero |
||
| Nav | Nav | Nav |
| Body | ||
| Footer | ||