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.

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.

Forms

Forms help collect information and connect users with your business. This section showcases the available form styles and field layouts, providing a clear reference for using them consistently across contact pages and sign-up flows.

Icons

Icons support navigation, actions, and visual communication across the template. This section displays the full Lucide icon set used in the design system. Each icon is rendered via the Lucide icon font—type the icon name as text inside an element with the icon class. Browse and search all available icons at Lucide.