Hero - Text Only
A simple two-column, text-only hero.
View a live demo of this module.
Styles
- Set Dark Mode
- Change text alignment
- Customize list styling
Usage Guide
The Hero - Text Only module provides a clean, distraction-free introduction to your pages without competing visual elements like images or videos. This two-column layout works exceptionally well for SaaS and technology companies that want to lead with compelling copy and clear value propositions.
You’ll find this module most effective on landing pages, service pages, and campaign-specific pages where your primary goal is to communicate key messages quickly. The text-only approach ensures fast loading times and keeps visitor attention focused on your headline and supporting copy rather than decorative elements.
To add this module to any page, simply drag it from the module library in the HubSpot page editor onto your desired page section. The two-column structure automatically adapts to different screen sizes, stacking vertically on mobile devices for optimal readability.
The Dark Mode style option integrates seamlessly with the Vertical theme’s overall design system, allowing you to create visual contrast between different page sections or match your brand’s preferred aesthetic. This is particularly useful when alternating between light and dark sections throughout a longer page.
Text alignment controls give you flexibility to create different visual hierarchies - center alignment works well for announcement-style heroes, while left alignment feels more conversational and approachable. The list styling customization becomes valuable when you want to highlight key features, benefits, or steps in your secondary column.
Consider pairing this module with rich media modules lower on the page to maintain engagement while keeping your initial message uncluttered. The Hero - Text Only module excels at setting clear expectations before visitors encounter more complex content sections.