UI Kit
Style Guide
Our clean, modern style emphasizes clarity, consistency, and innovation—reflecting our commitment to user-friendly energy solutions.
Headings
HTML tags define default Heading styles. Use Heading classes when the typography style doesn't match the default HTML tag.
heading-style-h1
Heading
heading-style-h2
Heading
heading-style-h3
Heading
heading-style-h4
Heading
heading-style-h5
Heading
heading-style-h6
Heading
Buttons
Button combo class system.
Colors
Manage recurring text and background colors.
Text Colors
text-color-primary
text-color-primary
text-color-secondary
text-color-secondary
text-color-gradient
text-color-secondary
Background Colors
bg-primary
bg-secondary
bg-tertiary
bg-alternative
Webflow elements
Native Webflow elements with Client-First classes applied.
form_component
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
text-rich-text
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript