This style guide brings together all the visual elements and reusable components used throughout the template. Explore the typography, colors, buttons, forms, and other interface elements to see how they work together and maintain a consistent look across every page.
Use this page as a reference when customizing the template or creating new sections, so your design stays clear, cohesive, and easy to manage.
Typography
Typography plays a key role in creating a clear and consistent visual hierarchy throughout the template. This section showcases the heading styles, body text, links, and supporting text used across the site, making it easy to understand how each type style should be applied.
Heading H1
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6
Colors
The color palette defines the visual tone of the template and helps create a consistent experience across every page. This section presents the primary, secondary, neutral, and accent colors used throughout the design, along with their intended roles and applications.
Buttons
Buttons help guide users toward key actions throughout the website. This section showcases the available button styles, sizes, and states, providing a clear reference for using them consistently across different pages and interactions.