Name: Grape
Hex: #7754A3
CSS: var(–e-global-color-primary )
Name: Sky
Hex: #4A9CD6
CSS: var(–e-global-color-secondary)
Name: Mint
Hex: #41BEAD
CSS: var(–e-global-color-accent)
Body Text Example: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Proin libero nunc consequat interdum varius. Laoreet sit amet cursus sit amet. Gravida neque convallis a cras semper auctor. Et netus et malesuada fames ac turpis egestas sed tempus. Iaculis nunc sed augue lacus viverra vitae congue eu. Pellentesque sit amet porttitor eget. Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi. Id eu nisl nunc mi ipsum faucibus vitae. Faucibus interdum posuere lorem ipsum dolor sit amet consectetur adipiscing. Ut aliquam purus sit amet luctus venenatis lectus. Fames ac turpis egestas integer eget. Eu consequat ac felis donec et odio pellentesque. Erat nam at lectus urna. Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed libero enim sed faucibus turpis in eu mi. Suspendisse interdum consectetur libero id faucibus nisl tincidunt.
Size: 2px
Color: Mint
Components, CTAs, General: 50px
Grid elements (products, posts): 0px
The following separator is used with large sections with little copy
Font: Small Label
Color: Sky
Divider Color: Mint
Gap: 0px
Spacing: 10px
Icon Size: 35px
Preferred Width: 50%
Subtitles go above titles of sections that are mainly copy
Font: Small Label
Color: Sky
Divider Color: Mint
Gap: 8px
Spacing: 10px
Preferred Width: 50%