v5 · block

MediaTextRowGroup

A vertical stack of media + text rows under an optional section header. Rows alternate sides so the page gets visual rhythm. Each row's media can be an image, video, callout, or form.

Canonical render

Three image / callout rows under a section header. alignFirstMedia="start".

Hire the way your business works

Three angles on Indeed's hiring tools — pulled together so you can scan a page and recognize where you fit.

Team in an office reviewing candidates

Bring your hiring process online

Post a role, screen with confidence, message candidates, and schedule interviews — all in one place.
70% of Indeed hires happen within 30 days of posting.

Hiring speed isn't a luxury

The longer a role sits open, the more it costs you. Indeed's matching pipeline shortens time-to-hire across teams of every size.
Hiring manager at her desk

Built for hiring managers, not recruiters

Most of our active users are managers hiring on the side of their day job. The product is built around that constraint — minimal setup, no jargon.

Alignment of first media

alignFirstMedia chooses the side of row 0's media; rows alternate from there.

alignFirstMedia="start"

Hire the way your business works

Three angles on Indeed's hiring tools — pulled together so you can scan a page and recognize where you fit.

Team in an office reviewing candidates

Bring your hiring process online

Post a role, screen with confidence, message candidates, and schedule interviews — all in one place.
70% of Indeed hires happen within 30 days of posting.

Hiring speed isn't a luxury

The longer a role sits open, the more it costs you. Indeed's matching pipeline shortens time-to-hire across teams of every size.
Hiring manager at her desk

Built for hiring managers, not recruiters

Most of our active users are managers hiring on the side of their day job. The product is built around that constraint — minimal setup, no jargon.
alignFirstMedia="end"

Hire the way your business works

Three angles on Indeed's hiring tools — pulled together so you can scan a page and recognize where you fit.

Team in an office reviewing candidates

Bring your hiring process online

Post a role, screen with confidence, message candidates, and schedule interviews — all in one place.
70% of Indeed hires happen within 30 days of posting.

Hiring speed isn't a luxury

The longer a role sits open, the more it costs you. Indeed's matching pipeline shortens time-to-hire across teams of every size.
Hiring manager at her desk

Built for hiring managers, not recruiters

Most of our active users are managers hiring on the side of their day job. The product is built around that constraint — minimal setup, no jargon.

All four row variants

Image, callout, video, form — each populates the visual slot differently but shares heading + description + CTA in the content slot.

Office example

Image row

The workhorse. Photographic media beside heading + description + a single text-link CTA.
A short statistic, claim, or quote in fullColor surface.

Callout row

Use when the media is a number, statistic, or single statement — not a photograph.

Video row

A Wistia embed sits in the visual slot. 16:9 frame. Description + CTA carry the same affordance as image rows.
Marketo form embed — substrate gap. Form primitive lands with T17.

Form row

Reserved for Marketo embeds. Substrate gap — the form primitive lands with T17.

No section header

When the group runs without a section header, per-row headings become h2 instead of h3.

Team in an office reviewing candidates

Bring your hiring process online

Post a role, screen with confidence, message candidates, and schedule interviews — all in one place.
70% of Indeed hires happen within 30 days of posting.

Hiring speed isn't a luxury

The longer a role sits open, the more it costs you. Indeed's matching pipeline shortens time-to-hire across teams of every size.

When to use

  • Mid-page, when 2–4 story beats need to share a section without each becoming its own hero or CTA.
  • For mixed media — image + callout + video — under one umbrella heading.

When not to use

  • For a single image+text moment. Use a single MediaCTA instead.
  • For a row of cards or features. Use CardGroup or FeatureDense.

v4 → v5 diff

  • Flattened: discriminated-union item objects (media_text_row, callout_text_row, etc.) → single items array, items typed by type.
  • Preserved: all four row variants (image / video / callout / form) per fidelity floor.
  • Preserved: alternating media side via alignFirstMedia.
  • Preserved: heading-level context (h3 inside a group with section header; h2 otherwise).
  • Retired: background_color (page composes outer section).
  • Simplified: 24-col substrate grid + visualTemplateStart/End column-track strings → block-local 12-col grid.
  • Delegated: callout variant rebuilds via the v5 Callout block at variant="fullColor" — no separate primitive inside this block.