Modules with Presets to select will be marked by ‘ * ‘
Heading 1
font name, regular, 30px
Heading 2
font name, regular, 26px
Heading 3
font name, regular, 22px
Heading 4
font name, regular, 18px
Heading 5
font name, regular, 16px
Heading 6
font name, regular, 14px
Subheading *
font name, semibold, 18px, 3px letter spacing
Large Body Copy *
font name, semibold, 20px
Regular Body Copy
font name, regular, 14px
Colors
Any colors with specific uses can be added in and labeled accordingly.
#7ebec5 – Used for dividers and decorative elements.
Buttons
included all buttons used in design
Dividers
width: 100px, color: #7ebec5
Borders
border-radius: 5px
border: 5px solid
color: #000000
Box Shadows
x: 6px
y: 6px
blur: 18px
spread: 0px
CSS Classes
For any elements added through CSS Classes, include the class name with the UI element
Global Elements
Any global elements that will be frequently used can be added here such as CTAs and Newsletter Sign Ups.
Section Dividers
Section Dividers can be added in here and saved as a present. Label with Preset Name.
Example:
Grey Footer Divider