Style Guide
This page contains the style guide for our site.
[NOTE: Page Index to come]
Headings and Fonts
Details:
Default Divi Font: Open Sans
H1: Size 50
Body: Size 14
Visually:
H1 - Default Theme Heading
H2 - Default Heading
H3 - Default Heading
H4 - Default Heading
H5 - Default Heading
H6 - Default Heading
Default 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Link text
Global Colours
To use throughout the site and in graphic production. Select via Global Colour picker.
#000000
#ffffff
#111a1f
#a1c7e9
#98a6b9
#ccc4b9
#e6862a
Buttons - Styled for dark BG
Lay out size Demonstration
Below shows how default sections and rows will layout using the current template defaults. The blue is a Section the Lime is a row brown is a text module and dark green is a Heading module. Lialic is a three column row
The main body comes in via Post Content Divi Module via the default body template. The main row for this is set to 80% width with a max of 1240px. Each part has a default padding that is coming from the DIVI theme style sheet and does not show up in the Divi Module forms.
Heading
Block: 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Block: 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Global Library Sections
Custom Nav Tool Bars - Import from Library
All Four Stories Nav Bar
Underwater Worlds
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.
Cultural Traditions
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.
On The Land & In The Sky
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.
Once Was a Grassy Plain
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.
The Stories
Underwater Worlds
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.
Cultural Traditions
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.
On The Land & In The Sky
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.
Once Was a Grassy Plain
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.