Two Column - Image Right
A two column section image on the right and text on the left
View a live demo of this section.
Usage Guide
The Two Column - Image Right section creates a balanced visual hierarchy by placing your supporting imagery on the right while keeping your primary message prominent on the left. This layout follows western reading patterns and ensures your text content gets immediate attention when visitors scan your page.
You can add this section to any page in your HubSpot site by accessing the page editor and dragging it from the sections panel. The section works particularly well on service pages, about us sections, and product feature descriptions where you need to explain concepts while providing visual context.
The left column accommodates headlines, body text, and call-to-action buttons, giving you flexibility to create compelling narratives. The image column automatically optimizes for different screen sizes, ensuring your visuals remain crisp on desktop, tablet, and mobile devices. On smaller screens, the layout stacks with the image appearing below the text content.
When customizing this section, use the HubSpot page editor to upload images that complement rather than compete with your text. Consider using screenshots, product photos, or illustration graphics that reinforce your message. The Spark theme’s built-in spacing controls let you adjust the visual balance between columns through the design tab.
This section pairs effectively with other Spark sections like testimonials or feature grids when building comprehensive landing pages. For maximum impact, place this section early on your page where the right-aligned image can break up text-heavy content and maintain visitor engagement. The consistent styling automatically matches your theme’s color palette and typography settings, maintaining brand coherence across your entire HubSpot site.