agent-skills/sn-infographic/references/layouts/four-quadrant-grid.md

four-quadrant-grid

Canvas evenly split into four rectangular modules.

Structure

• 2×2 grid dividing the canvas into four equal cells
• Each cell is independent and self-contained
• Central intersection point may carry a label or icon
• Axes can be labeled (e.g., high/low, now/future)

Variants

Variant	Focus	Visual Emphasis
Matrix	Categorization by two axes	Axis labels, quadrant titles
Equal Panels	Four parallel topics	Consistent cell design

Best For

• 2×2 strategic matrices (e.g., Eisenhower, BCG)
• Four-part frameworks or models
• Comparing four options simultaneously
• SWOT analysis

Visual Elements

• Bold grid lines or color-coded quadrant backgrounds
• Axis labels at edges
• Icons or illustrations per quadrant
• Central label at intersection

Text Placement

• Quadrant title at top of each cell
• Content within each cell
• Axis labels along edges

Recommended Pairings

• corporate-memphis: Business strategy matrices
• high-contrast-ad: High-contrast four-part models
• ui-wireframe: Framework diagrams