# Feature media callout duo

> Two stacked landscape feature cards pairing 16:9 media viewports with structured technical capability breakdowns and callouts.

Canonical: https://patternpaste.com/pattern/feature-media-callout-duo.html
Section: Features
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0 to 7.1. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: column, columns, group, heading, image, paragraph
Keywords: features, media, cards, duo, callouts

Promise: Identical markup in every theme.

---

## The signature moment: alternating viewport plates

This pattern formats features into two substantial horizontal plate cards that alternate orientation (media-left on the top card, media-right on the bottom card). Each card is bounded by a hairline border and sits on a `role-plate` ground, giving media slots (for schematics, product dashboards, or UI previews) dedicated focus alongside comprehensive capability copy.

## What it inherits from your theme

- **Typeface.** The pattern states no font family. All headings and body copy inherit your active theme typography.
- **Palette.** Ground uses `base` (falling back to `white`), and text uses `contrast` (falling back to `black`). Plates use `role-plate` and `role-plate-text`.
- **Rules.** Card borders use `role-rule` falling back to `contrast`.
- **Spacing.** Card padding and responsive column gaps draw directly from core spacing presets.

## What it decides for itself

- **Proportion.** A 48/52 and 52/48 alternating column split within 1240px wide plates.
- **Typography hierarchy.** Section heading on `xx-large`, card headings on `x-large`, body copy on `medium` ladder rungs.

## What you change first

1. **Media slots.** Replace the example photographs in the 16:10 image frames with two high-resolution product screenshots, architecture diagrams, or workflow mockups.
2. **Kickers and titles.** Update the uppercase tags (`Observability`, `Orchestration`) and titles to reflect your key workflows.

## Included images

The copied markup includes WordPress Photo Directory example photographs. The public image URLs
keep the examples visible after pasting. Select an image or cover and choose
**Replace** to use your own Media Library files. See [image credits](/image-credits/)
for the sources and licenses. Pasting an image URL does not import a Media Library
attachment.