Masonry Mode

Plan: Enterprise only
Best for: Mixed content lengths, visual content, portfolios, image-heavy descriptions

What It Does

Arranges H2 sections in a masonry grid (like Pinterest) where cards have varying heights based on content length. This fills space efficiently and creates a dynamic, visually interesting layout.

Key Settings

Column Count — 2, 3, or 4 columns
Gap — spacing between cards
Card Background — individual card background color
Card Border — border styling
Card Shadow — depth shadow effect
Card Border Radius — rounded corners
Animation — staggered fade-in on load

How It Differs from Grid Mode

Feature	Grid Mode	Masonry Mode
Card Height	Equal (forced)	Variable (natural)
Layout	Strict grid	Flowing, Pinterest-style
Best Content	Uniform items	Mixed-length items
Plan	Pro	Enterprise

Creative Use Cases

Feature Showcase: Mix short bullet points with longer explanations
Image Gallery: Sections with images of different sizes
Mixed Content: Some sections have tables, others have paragraphs
Portfolio Style: Showcase different product aspects with varying detail

Tips

Use 4–8 sections with varying content lengths for best visual effect
Mix content types — short lists, paragraphs, images
Start with 2 columns on desktop, falls to 1 on mobile
Add images to create a more visual, Pinterest-like experience
Use subtle shadows for depth

Example

  ┌────────┐ ┌────────────┐
  │ Short  │ │   Medium   │
  │ card   │ │   card     │
  └────────┘ │   with     │
  ┌────────┐ │   more     │
  │ Medium │ │   content  │ 
  │ card   │ └────────────┘
  │        │ ┌────────┐
  └────────┘ │ Short  │
             └────────┘