STYLE GUIDE
typography
TITLE FONT: OSWALD
HEADING H1
THIS IS AN EXAMPLE OF THE TITLE ONE TEXT
Desktop Font Size: 64px
Mobile Font Size: 40px
HEADING H2
THIS IS AN EXAMPLE OF THE TITLE TWO TEXT
Desktop Font Size: 56px
Mobile Font Size: 32px
HEADING H3
THIS IS AN EXAMPLE OF THE TITLE THREE TEXT
Desktop Font Size: 44px
Mobile Font Size: 24px
HEADING H4
THIS IS AN EXAMPLE OF THE TITLE FOUR TEXT
Desktop Font Size: 24px
Mobile Font Size: 19px
HEADING H5
THIS IS AN EXAMPLE OF THE TITLE FIVE TEXT
Desktop Font Size: 20px
Mobile Font Size: 18px
HEADING H6
THIS IS AN EXAMPLE OF THE TITLE SIX TEXT
Desktop Font Size: 18px
Mobile Font Size: 13px
Custom Title STYLE
CUSTOM TITLE
Add the code into the Custom CSS tab, then add a Custom Class to the element: title-span or title-span-dark
*Reference the code in the custom class tab of this page, and click on the element below and navigate to the Advanced Tab to add the custom class
THIS IS AN EXAMPLE
.title-span {
color: black !important;
-webkit-text-stroke: 2px white;
}
CUSTOM TITLE DARK
THIS IS AN EXAMPLE
.title-span-dark {
color: #f2f2f2 !important;
-webkit-text-stroke: 2px black;
}
TITLE WITH ICON
GET TO KNOW ME
TIP: An icon can be added to any title or paragraph. Select the element, and you will see Icon
in the General tab. Search for 'check' to find the icons used in this template.
TEXT STYLES
BODY FONT: LATO
line-height: 1.6 (for all paragraph text)
TEXT SIZE LARGE
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Desktop Font Size: 24px
Mobile Font Size: 24px
TEXT SIZE MEDIUM
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Desktop Font Size: 18px
Mobile Font Size: 18px
TEXT SIZE REGULAR
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Desktop Font Size: 16px
Mobile Font Size: 16px
TEXT SIZE SMALL
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Desktop Font Size: 14px
Mobile Font Size: 14px
TEXT SIZE TINY
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Desktop Font Size: 13px
Mobile Font Size: 13px
COLORS
#188bf6
Default blue from GHL
#000000
rgb(26 26 26 / 90%)
#F2F2F2
#FFFFFF
Default white from GHL
buttons
CUSTOM FONT: INTER
FONT SIZE: 16px
PADDING LEFT & RIGHT: 24px
PADDING TOP & BOTTOM: 12px
BORDER: 1px
EFFECT: Elevate
PRIMARY BUTTON
SECONDARY BUTTON
TERTIARY BUTTON
TEXT BUTTON
images
BACKGROUND IMAGE
SIZE: 1920 X 1280
VERTICAL IMAGE
SIZE: 960 X 1280
PAGES
PAGES
TEMPLATE
© 2023 Company name. All rights reserved
POWERED BY GOHIGHLEVEL