Style Guide

Here are the styles and components used through the site. You can make global site changes when you change styles on this page.

Typography

The different text sizes used through the site

H1

This is a header

H2

This is a header

H3

This is a header

H4

This is a header

H5
This is a header
H6
This is a header
Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae sapien non lorem vehicula accumsan. Nulla blandit blandit dignissim. Suspendisse ac lectus non nisl sodales elementum nec sit amet nulla. Aenean tincidunt erat sit amet posuere dapibus. Vivamus hendrerit fringilla rhoncus. Vestibulum lobortis, purus eu venenatis porta, augue turpis rhoncus ipsum, vel ultrices magna eros fermentum erat. Suspendisse facilisis tellus tellus, ac cursus nulla dictum vitae.

Small Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vitae sapien non lorem vehicula accumsan. Nulla blandit blandit dignissim. Suspendisse ac lectus non nisl sodales elementum nec sit amet nulla. Aenean tincidunt erat sit amet posuere dapibus. Vivamus hendrerit fringilla rhoncus. Vestibulum lobortis, purus eu venenatis porta, augue turpis rhoncus ipsum, vel ultrices magna eros fermentum erat. Suspendisse facilisis tellus tellus, ac cursus nulla dictum vitae.

Quote
Our summer 'Surf Reunion' was not just a break from the ordinary; it was a homecoming, a return to what mattered most to us - friendship, shared experiences, and, of course, the thrill of riding  those majestic, tumbling waves.
Figure with caption

A photo of me catching the last wave of the session

Colours

The different colours used through the site

Primary
#EFF4D1
Secondary
#F1F3FB
Dark
#282E39
Grey
#D6E3EA
White
#FFFFFF
Black
#000000
Black
#EFF4D1 - #F1F3FB

Buttons

The different buttons used through the site

Primary
Button
Default
Button
Hover
Button
Pressed
Primary
Secondary

Fields

Fields used through the site

Default
Typing
Typed
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.