A set of assets and guidelines for building a consistent and good user experience across elementor template kits by evocave.
eds-dark
v1.0.0
Foundation
Color
Evocave Design System
The color palette with various color tones allows you to create a beautiful User Interface to match your website. You can simply import this template and save it without needing to modify anything. Changes are only enough to be done through the global style elementor. Everything will change automatically.
Brand Color
Primary
The primary color palette is used across all the interactive elements such as CTA’s, links, inputs, active states, etc.
surface
soft
soft-hover
focus-border
surface-border
outline-border
main
main-hover
content
contrast
Status Color
Semantic
The semantic color palette is used across all elements indicating certain situation such as callout, status icons, and messages, etc.
error
success
warning
info
error-hover
success-hover
warning-hover
info-hover
System Color
Foreground
The color used for text or primary content that appears on top of a background.
primary
secondary
placeholder
disabled
inverse
Background
The color applied to the surface behind content, providing contrast and setting the visual context.
primary
secondary
transculent
disabled
inverse
Border
The color used for the outline of elements, defining boundaries and enhancing visual separation.
primary
secondary
placeholder
disabled
Foundation
Typography
Evocave Design System
Flexible typography scale works perfectly for all breakpoints – desktop, tablet and mobile. You can simply import this template and save it without needing to change anything. Changes are simply made via the global style element. Everything will change automatically.
Display
Display 1
The five boxing wizards jump quickly.
Displas 2
The five boxing wizards jump quickly.
Display 3
The five boxing wizards jump quickly.
Heading
Heading 1
The five boxing wizards jump quickly.
Heading 2
The five boxing wizards jump quickly.
Heading 3
The five boxing wizards jump quickly.
Heading 4
The five boxing wizards jump quickly.
Heading 5
The five boxing wizards jump quickly.
Heading 6
The five boxing wizards jump quickly.
Body
Button
Two driven jocks help fax my big quiz.
Two driven jocks help fax my big quiz.
Label Medium
Two driven jocks help fax my big quiz.
Two driven jocks help fax my big quiz.
Label Small
Two driven jocks help fax my big quiz.
Two driven jocks help fax my big quiz.
Paragraph 2X-Large
A design system is a collection of standards, guidelines, and reusable components that help teams create consistent visual design and user experiences across digital products
Paragraph X-Large
A design system is a collection of standards, guidelines, and reusable components that help teams create consistent visual design and user experiences across digital products
Paragraph Large
A design system is a collection of standards, guidelines, and reusable components that help teams create consistent visual design and user experiences across digital products
Paragraph Medium
A design system is a collection of standards, guidelines, and reusable components that help teams create consistent visual design and user experiences across digital products
Paragraph Small
A design system is a collection of standards, guidelines, and reusable components that help teams create consistent visual design and user experiences across digital products
Paragraph X-Small
A design system is a collection of standards, guidelines, and reusable components that help teams create consistent visual design and user experiences across digital products
Overline Large
The five boxing wizards jump quickly.
The five boxing wizards jump quickly.
Overline Medium
The five boxing wizards jump quickly.
The five boxing wizards jump quickly.
Overline Small
The five boxing wizards jump quickly.
The five boxing wizards jump quickly.
Foundation
Overview
Evocave Design System
This collection of widgets is designed as a sample of effective color and typography usage. By using this template, you can easily import and save it without needing to make any changes. All modifications can be made through the global style element, ensuring that every aspect of the design is automatically updated.
sub heading
Elevate Your Experience with Stunning Design
Transform your projects with our vibrant widgets. Designed for impact, they captivate your audience and bring your ideas to life!
“Using this product has truly transformed the way we operate as a team. The intuitive and user-friendly design has not only streamlined our workflow but also enhanced our overall productivity.”
Jhon Doe
“Using this product has truly transformed the way we operate as a team. The intuitive and user-friendly design has not only streamlined our workflow but also enhanced our overall productivity.”