Content Blocks
The most versatile section component
Layout Variations
Available layouts: image_left, image_right, image_top, images_grid, images_stacked
Layout: image_left
layout: image_left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Layout: image_right
layout: image_right
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
Layout: image_top
layout: image_top
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Layout: images_grid
layout: images_grid (multiple images)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Multiple images displayed in a grid.
Layout: images_stacked
layout: images_stacked
Lorem ipsum dolor sit amet. Images stacked vertically alongside text.
Image Style Variations
Available styles: rounded, square, circle, card
Image Style: rounded
image_style: rounded
Rounded corners on the image. Soft, modern look.
Image Style: square
image_style: square
Sharp corners. Clean, geometric appearance.
Image Style: circle
image_style: circle
Circular image crop. Good for portraits or icons.
Image Style: card
image_style: card
Card-style with shadow and border. Elevated appearance.
Highlight Style Variations
Available styles: none, quote, callout, bordered
Highlight: quote
highlight_style: quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is highlighted text in QUOTE style - styled like a blockquote.
Highlight: callout
highlight_style: callout
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is highlighted text in CALLOUT style - prominent box.
Highlight: bordered
highlight_style: bordered
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
This is highlighted text in BORDERED style - subtle border.
Background Style Variations
Available styles: none, subtle, accent
Background: none
background_style: none
No background color. Clean, minimal look.
Background: subtle
background_style: subtle
Subtle background tint. Helps separate sections.
Background: accent
background_style: accent
Accent color background. Strong visual emphasis.
With CTA Button
CTA styles: primary, secondary, outline, link
With CTA: primary
show_cta: true | cta_style: primary
Content block with a call-to-action button.
With CTA: secondary
show_cta: true | cta_style: secondary
Content block with secondary style button.
With CTA: outline
show_cta: true | cta_style: outline
Content block with outline style button.