01 Color palette
Primary
#14B1E7
Secondary
#6D6E70
Text
#3A3B3D
Accent
#E1F4FD
White
#F2F5FB
Black
#XXXXXX
Light Gray
#F5F5F5
Dark Gray
#6D6E70
Mid Gray
#6D6E70
Gradient Gray
#EBEBEB
02 Typography
Mundial
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789 !?&$%#@
Headline H1
Font-family: Mundial – Font-size: 88 5.5 – Font-weight: 300 – Color: #Text
Headline H2
Font-family: Mundial – Font-size: 60 3.75 – Font-weight: 600 – Color: #Text
Headline H3
Font-family: Mundial – Font-size: 28 1.75 – Font-weight: 700 – Color: #Text
Headline H4
Font-family: Mundial – Font-size: 18 1.125 – Font-weight: 300 – Color: #Text
Headline H5
Font-family: Mundial – Font-size: 12 0.75 – Font-weight: 400 – Color: #White
Headline H6
Font-family: Mundial – Font-size: 12 0.75 – Font-weight: 400 – Color: #Text
Small-Text: CSS Classes – small-text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Body Paragraph B1.
Font-family: xxx – Font-size: xx – Font-weight: xxx – Line-height: xx – Paragraph-margin-bottom: xx – Color: #000000
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.
- Excepteur sint occaecat cupidatat non proident
- Excepteur sint occaecat cupidatat non proident
- Excepteur sint occaecat cupidatat non proident
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.
- Excepteur sint occaecat cupidatat non proident
- Excepteur sint occaecat cupidatat non proident
- Excepteur sint occaecat cupidatat non proident
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.
- Lorem ipsum dolor sit amet,
- consectetur adipiscing elit.
- Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Block Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet consectetur adipiscing elit dolor
03 Buttons
04 Images
05 Code Snipets
/* Custom button style */
.button-white-outline .elementor-button {
border: 1px solid #fff;
color: #fff !important;
background: transparent !important;
}
.button-white-outline .elementor-button:hover {
border: 1px solid #AE5900;
color: #fff !important;
background: #AE5900 !important;
}
/* Spacing for lists */
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
padding: 0 0 0 20px;
margin: 0;
}
.elementor-widget-text-editor ul li,
.elementor-widget-text-editor ol li {
padding-bottom: 10px;
}
.elementor-widget-text-editor ul li:last-child,
.elementor-widget-text-editor ol li:last-child {
padding-bottom: 20px;
}
/* Get rid of bottom margin on last paragraph in column */
.elementor-widget-text-editor p:last-child {
margin-bottom: 0;
}
06 Elements
Light Background
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Medium Background
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Dark Background
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Site Logo
Site Logo
