Content Blocks

Content Blocks

The most versatile section component

Scroll

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.

Next: Typography

Explore text blocks and cinematic text effects