Call to Action Banner - Accent [+ only]

Note: This section is only available in Framework+, a paid version of Framework.

View a live demo of this section.

Modules

• Call to Action Box

---

How to Use This Section

The Call to Action Banner - Accent section creates a bold, full-width visual break on your pages that drives user engagement through high-contrast design. Unlike standard CTA sections that blend with your page background, this variant uses your theme’s accent color as the background, making it particularly effective for important conversion points like newsletter signups, demo requests, or product launches.

You can add this section to any page in HubSpot by opening the page editor and selecting it from the Framework+ sections library. The drag-and-drop interface lets you position it strategically—many SaaS companies place it between feature descriptions and testimonials, or as a final conversion push before the footer.

Visual Impact and Customization

The accent background automatically adapts to your brand colors defined in the Framework theme settings, ensuring consistency across your site. The section’s full-width design creates visual separation from surrounding content while maintaining the Framework theme’s clean, minimal aesthetic. Text automatically adjusts to ensure readability against the colored background.

Best Practices for Content Editors

Keep your CTA text concise and action-oriented—phrases like “Start Your Free Trial” or “Get Demo Access” work better than generic “Learn More” buttons. Since the accent background draws immediate attention, this section is ideal for high-priority actions where you want maximum visibility. Consider using it sparingly—typically one per page—to maintain its visual impact.

The section works particularly well on landing pages, product pages, and homepage layouts where you need to guide visitors toward specific actions without overwhelming them with multiple competing elements.