Masonry Gallery
Flexible masonry-style gallery allowing for images, videos, and forms.
View a live demo of this module.
Content
- Add as many gallery items (images, videos, forms) as you need
- Adjust position of feature item (left or right)
- Adjust gap between items
- Adjust how many rows the feature item spans
- Adjust how many columns appear on mobile
Styles
- Add “scanline” background style
- Adjust border radius of images
- Adjust form styles
- Change video play button color and overlay
Usage Guide
The Masonry Gallery module is perfect for creating dynamic visual showcases that break away from traditional grid layouts. This module works exceptionally well on portfolio pages, case study galleries, and service overview pages where you want to highlight different types of content in an engaging, Pinterest-style layout.
When building your masonry gallery, start by determining which content piece deserves the most attention. The feature item functionality allows you to make one piece of content larger than the others, creating a natural focal point. This is ideal for showcasing your most important case study, featured video testimonial, or primary service offering.
For optimal mobile performance, consider how your gallery will display on smaller screens. The mobile column controls let you condense your layout appropriately—typically 1-2 columns work best for mobile viewing. Test your gallery across devices using HubSpot’s preview functionality to ensure readability.
Content mixing strategies make this module particularly powerful for B2B companies. You might combine client logos (as images), testimonial videos, and contact forms within the same gallery. This creates an interactive experience where prospects can consume different types of social proof and take action without leaving the section.
Visual cohesion is crucial when mixing content types. Use the border radius settings to maintain consistent styling across images and videos. The scanline background option adds subtle texture that works well with the Brightlane theme’s professional aesthetic, particularly on darker page sections.
When placing this module on your pages, consider it as a replacement for traditional three-column layouts or basic image grids. The masonry format naturally draws the eye and encourages exploration, making it excellent for keeping visitors engaged with your content longer.