Style guide

A style guide defines the visual and written standards for a brand or product. It ensures consistency in design elements like colors, fonts, and layouts.

author-imageauthor-image
+
Trusted by 7,000+ clients worldwide

Colors

Body color
#656565
Primary color
#D4FFA4
Secondary color
#116F76
Dark color
#0D2B37
Grey color
#F5F5F5
Black color
#000000
White color
#FFFFFF

Header

Header style
header-image
Header style 2
header-image

Logo

Favicons
favicon-iconfavicon-icon
Logo
logo

Typography

Heading 1

Font weight : Bold
Font size : 10rem
 Line height : 10.625rem

Heading 2

Font weight : Semi bold
Font size : 3rem
 Line height : 3.625rem

Heading 3

Font weight : Medium
Font size : 2.25rem
 Line height : 2.875rem

Heading 4

Font weight : Medium
Font size : 1.5rem
 Line height : 2.125rem
Heading 5
Font weight : Medium
Font size : 1.125rem
 Line height : 1.75rem
Heading 6
Font weight : Medium
Font size : 1rem
 Line height : 1.625rem

Paragraph

All paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Small text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Icons

SVG Icon
iconcalendar-imagequotation-iconsocial-iconsocial-iconsocial-iconsocial-iconaccorianarrow-darkdark-starhero-icon

Text alignments

Text Left : Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Center : Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Right : Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lists

  • List item one text
  • List item two text
  • List item three text

Accordion

Accordion item style1
accorianaccordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

dark-star
Accordion item style3
accorianaccodian-icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Accordion item style4
accorianaccodian-icon

Blockquote

"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."

Forms

Send us a message

Thank you for your submission! Been securely transmitted.
Oops! Your details didn't go through. Let's try again.

Button

Shadow

Box Shadow 1
Box Shadow 2

Section spacing

Section padding
Section top padding
Section bottom padding

Stay connected

Subscribe to receive the latest updates, offers, and insights on EV charging and clean mobility.
Thank you for your submission! Been securely transmitted.
Oops! Your details didn't go through. Let's try again.
Building smarter, cleaner energy solutions.
  • social-iconsocial-icon
  • social-iconsocial-icon
  • social-iconsocial-icon
  • social-iconsocial-icon

Contact us

+1 (800) 555-0199Support@info.com
789 Oak avenue, unit 12, austin, TX 78701, USA
Get in
arrow-whitearrow
Touch
Copyright Voltify  © 2026 designed by ThemetechMount powerd by Webflow
More Templates