first commit

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

@@ -0,0 +1,43 @@
+# 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