Blocks — Core & Media

The everyday blocks — Hero, Rich Text, CTA, Features, carousels, images, gallery, and video.

The blocks you’ll reach for on almost every page. Every block also has the shared Section Padding, Heading Size, Scroll Animation, and Background controls — see Appearance & Theme Overrides; only each block’s distinctive fields are listed here.

Hero 🎯

Full-width headline, subheadline, and buttons over an image, video, or color — usually the top of a page.

  • Content: Badge, Eyebrow, Headline, Subheadline, Lead, Footnote, Text Alignment, Buttons (text / URL / style).
  • Make whole hero a link (URL) + Open in new tab — clicking anywhere on the hero navigates there; buttons still work. See Image controls.
  • Background: Background Image, Background Video (muted auto-loop, image is its poster), Background Color, and Image Fit — Cover / Contain / Banner (full width, native aspect — no crop).
  • Height: Small / Medium / Large / Full Screen. Focal Point, Scrim (dark edge gradient) + strength, Overlay color/opacity.
  • Theme Overrides: per-mode BG / text / subtext / overlay colors (Light & Dark).

📷 Screenshot: A Hero with a background image, headline, and two buttons.

Rich Text 📝

Formatted body copy (headings, lists, links, bold) via a rich-text editor. Set Max Width to keep long text readable.

Call to Action 📢

A focused headline + one button to drive a single action. Fields: Headline, Description, Button Text, Button URL, Text Alignment.

Features Grid ✨

A grid of feature cards, each with an icon or image. Columns: 2 / 3 / 4. Each feature item: Title, Description, Icon, Image (+ Image Fit / Focal Point), Link.

📷 Screenshot: A 3-column Features Grid with icons.

An auto-advancing, full-width multi-slide hero. Each slide: Eyebrow, Title, Subtitle, CTA label/URL, Background Image (+ Fit/Focal), Background & Accent colors. Options: Autoplay (ms, 0 = off), Show Dots, Height.

Single Image 🖼️

One image with optional Caption and Link URL. Max Width, Rounded Corners toggle.

A grid or masonry gallery with a built-in lightbox. Each image: source, alt, Fit/Focal. Options: Layout (Grid / Masonry), Columns (2–6), Gap, Aspect Ratio (Square / 4:3 / 16:9 / Auto), Enable Lightbox, Show Captions, Show Thumbnails.

📷 Screenshot: A 4-column gallery, plus the lightbox open.

Video Embed 🎬

Embed a YouTube, Vimeo, or direct video. Fields: Video URL (+ optional Video ID / Provider), Title, Subtitle, Caption, Aspect Ratio (16:9 / 4:3 / 21:9 / 1:1), Max Width. Playback group: Autoplay (needs Muted), Loop, Show Controls, Start Time (YouTube), Privacy-Enhanced mode.

Next: Content blocks.

← PreviousBlock libraryNext →Blocks — Content