Website Style Guide
01. Color Palette
Primary
#113443
#2C7A89
#7895A4
#447249
#86A29A
#913C2D
Link/CTA Color
Unclicked
#2C7A89
Hover
#3995A7
Clicked
#266A77
Secondary
#FFFFFF
#000000
#F9f1EC
#D9A581
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
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.