Colours
The brand's main colours and their use.
Main colours
Header / Footer
#0E7A45
Accent
#0E7A45
Navy 950
#14281B
White
#FFFFFF
Grey background
#F5F5F5
Navy scale
50
100
200
300
400
500
600
700
800
900
950
Accent variants
Accent Dark
#0B6538
Accent
#0E7A45
Accent Light
#10954F
Typography
Fonts and text sizes.
font-sans / font-lato
Plus Jakarta Sans
Main font for navigation and body text. Modern and geometric.
font-display
Oswald
Display font for larger headings and hero sections.
font-sans (fallback)
System UI
Fallback font when web fonts are not available.
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Text opacity standard
Body text
Larger body text, used in hero sub-texts.
Regular body text, main content.
Smaller text, card descriptions, footer.
The smallest text, labels and notes.
Buttons
Button variants and states.
Primary
Secondary / Outline
Sizes
On a dark background
Cards
Card styles on different backgrounds.
White card
Card with border and icon background on a white background.
Card with shadow
Card with shadow-lg shadow without a border.
Green card
Card filled with the brand colour.
Labels
Status labels and badges.
Form elements
Input fields and selections.
Icons
Heroicons (outline), used throughout the site.
Layout
Main containers and spacing.