No default Gaps
40-60 px
Spacing Preset
XL
Note
Add note here
BUtton Radius
5px (Global CSS)
DISPLAY TITLE
Display title - Lorem ipsum dolor
DISPLAY TEXT
Display Text - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
LARGE TEXT
Large Text - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
SUBHEADING
Subheading - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Normal text - text editor
Normal text – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Normal text - Heading - P
Normal text - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Eyebrow
eyebrow - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
smaller body
Smaller Body - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Small text
Small Text - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
caption
Caption - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
BUtton text
read more
Title 1
Title 1 - Lorem ipsum dolor sit ame
Title 2
Title 2 - Lorem ipsum dolor sit ame
Title 3
Title 3- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Title 4
Title 3- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Title 5
Title 5 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Title 6
Title 6 - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqu
DEFAULTS
H1 Headline
H2 Headline
H3 Headline
H4 Headline
H5 Headline
H6 Headline
Div
Span
Paragraph
Site background
Light background
Dark background
undefined
Title color
Text color
Secondary text
Border color
Accent 1
Accent 2
Accent 3
Accent 4
Container spacing presets.
XXL - Hero Section
XL - Primary Section
CONTAINER: Large - Card Large
CONTAINER: Medium - Card Medium
CONTAINER: Small - Small
Spacing cards are primarily used for internal even spacing.
LINER: Small - Small
LINER: Medium - Card Medium
LINER: Large - Card Large
Spacer - xs
SPACER - SM
SPACER - MEDIUM
Spacer - LG
Spacer - XL
Spacer - XXL