# Feature quadrant hub

> A 2x2 feature matrix divided by continuous structural intersecting rules with numbered corner indices, giving equal structural presence to four core pillars.

Canonical: https://patternpaste.com/pattern/feature-quadrant-hub.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, paragraph
Keywords: features, quadrant, matrix, grid, four-up

Promise: Identical markup in every theme.

---

## The signature moment: continuous cross-hairline axis

Rather than four isolated card boxes, this section connects four capability zones using intersecting horizontal and vertical hairline borders drawn in `currentColor`. The central crosshair structure binds the four quadrants together, complemented by uppercase numbered indexes (`01 / State Isolation` through `04 / Cryptographic Audit`) in the label tier.

## What it inherits from your theme

- **Typeface.** The pattern states no font family. All headings and body text inherit your active theme typography.
- **Palette.** The background uses your theme's `base` (falling back to `white`), and all copy uses `contrast` (falling back to `black`).
- **Dividers.** The intersecting crosshair lines use `currentColor`, automatically adapting to dark mode and custom palette switches.
- **Spacing.** Inner padding and gaps follow the core spacing preset ladder.

## What it decides for itself

- **Proportion.** An exact 50/50 two-column split across two paired rows, maintaining clean rectangular proportions across desktop and tablet viewports.
- **Typography hierarchy.** Section heading on `xx-large`, quadrant titles on `x-large`, body copy on `medium` ladder rungs.

## What you change first

1. **Quadrant headlines & body copy.** Tailor each of the 4 quadrants to highlight a distinct architectural or service differentiator.
2. **Index tags.** Update the numbered prefix categories (`01 / ...` to `04 / ...`) to reflect your feature taxonomy.