Using Templates

The Hero Builder comes with a library of professionally designed templates to help you get started quickly. You can choose a template that fits your style and then customize it to match your brand.

Selecting a Template

When you first open the Hero Builder, if you haven't saved a design yet, a default template will be loaded. To browse and select a different template:

1. Click the Templates button in the top toolbar (indicated by a document icon).

2. A modal window will appear displaying all available templates.

3. Browse through the options:

   • Hero Centered: A classic layout with centered text and a background image.
   • Hero Left Aligned: Modern layout with left-aligned text, great for improved readability.
   • Hero Split Screen: A trendy two-column design with content on one side and an image on the other.
   • Hero Minimal: Clean and simple design focusing on typography.
   • Hero Solid Color: Bold, solid color background instead of an image.
   • Hero Image Left: Large product showcase on the left with descriptions on the right.
   • Hero with Features: Includes feature highlights (icons and text) below the main call-to-action.

4. Click on a template card to apply it to your canvas.

Warning: Selecting a new template will replace your current design. Make sure to save any work you want to keep before switching templates, or be prepared to start fresh.

Customizing a Template

Once a template is loaded, every element is fully editable. You can:

• Change the background image.
• Update the text content.
• Modify button links and styles.
• Add or remove sections.

Next, learn how to edit and add components to further customize your hero section.