# Feature heroic spotlight

> A cinematic feature showcase pairing a prominent hero media plate with a 3-column capability foundation underneath.

Canonical: https://patternpaste.com/pattern/feature-heroic-spotlight.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, spotlight, heroic, showcase, media

Promise: Identical markup in every theme.

---

## The signature moment: cinematic hero card with 3-part foundation

This pattern establishes visual hierarchy by placing a panoramic 21:9 media viewport atop a prominent `role-plate` card, paired directly with a split headline and summary. Directly underneath, a ruled 3-column foundation breaks down supporting capabilities with numbered kickers, balancing showcase drama with granular feature detail.

## What it inherits from your theme

- **Typeface.** Inherits all theme font styles for headings, tags, and body paragraphs.
- **Palette.** Section ground uses `base` (falling back to `white`), copy uses `contrast` (falling back to `black`). Primary showcase card uses `role-plate` and `role-plate-text`.
- **Rules.** Card border and lower column hairlines use `role-rule` and `currentColor`.
- **Spacing.** Section padding and internal gutters follow core spacing presets.

## What it decides for itself

- **Proportion.** A full-width 21:9 panoramic focal plate followed by three equal (33.33%) foundation columns.
- **Typography hierarchy.** Section heading on `xx-large`, spotlight headline on `x-large`, foundation titles on `large`, body copy on `medium` ladder rungs.

## What you change first

1. **Panoramic media slot.** Upload a wide interface view, architecture diagram, or product render into the 21:9 image block.
2. **Flagship headline & copy.** Detail your flagship feature in the upper plate card.
3. **Foundation columns.** Adapt the three lower columns (`01 / Telemetry`, `02 / Automation`, `03 / Governance`) to showcase your supporting technical pillars.

## 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.