Website Style Guide - OceanSense Freediving

Colour Palette

OS Aqua

#00ADCC

Light Background

#EFF6F7

Dark Background

#151743

Typography

Heading Font

Montserrat, 700

ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
 ? ! & @ % # $ / ( ) [ ] { } 

Body Font

Montserrat, 400

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmopqrstuvwxyz
1234567890
 ? ! & @ % # $ / ( ) [ ] { } 

Headings

Heading 1

Roboto Condensed, 400, 3.052em – #151743

Heading 2

Roboto Condensed, 400, 2.441em – #151743

Heading 3

Roboto Condensed, 400, 1.953em – #151743

Heading 4

Roboto Condensed, 400, 1.563em – #151743

Heading 5

Roboto Condensed, 400, 1.25em – #151743

Heading 6

Roboto Condensed, 400, 1em – #151743

Body

Regular Body Copy Montserrat, 400, 18px – #3d434f

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a tellus sapien. Etiam at ipsum nec orci semper egestas at nec quam. Ut eu pulvinar libero, id auctor neque. Donec hendrerit ligula ac orci vehicula, a imperdiet nisl tempus. Curabitur condimentum pellentesque velit ultricies congue.

Featured Text – Montserrat, 500, 1.25em – #00ADCC

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a tellus sapien. Etiam at ipsum nec orci semper egestas at nec quam. Ut eu pulvinar libero, id auctor neque. Donec hendrerit ligula ac orci vehicula, a imperdiet nisl tempus. Curabitur condimentum pellentesque velit ultricies congue.

Buttons & Forms

Form Style

Name(Required)

Button Styles - Light

Regular Button

Alternate Button

Small Button

Button Styles - Dark

Regular button

Alternate button

Small Button

Learn to freedive with expert instructors & small classes in a safe and supportive environment.