Website Style Guide
01. Color Palette
Primary
#09759D
#002C60
#DCF9F4
#FFFF00
Link/CTA Color
Button
#FFFF00
Text
#09759D
Secondary
#FFFFFF
#000000
#F4F1EE
#E6E2DE
#77FFE4
02. Text Styles
Heading 1
This is an example of headline one. This is a longer headline so that we can see the line breaks.
Heading 2
This is an example of headline two. This is a longer headline so that we can see the line breaks.
Heading 3
This is an example of headline three. This is a longer headline so that we can see the line breaks.
Heading 4
This is an example of headline four. This is a longer headline so that we can see the line breaks. This is an example of headline four. This is a longer headline so that we can see the line breaks.
Mini Headline
This is a mini headline.
Body
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
All in one
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet.
- Lorum Ipsum
03. Buttons
Default
Default Large
Blue Button
Outline Custom
04. General Components
Boxed Content
Form
Image
Divider
Toggle
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Accordion
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.