Files
agent-skills/sn-infographic/references/layouts/four-quadrant-grid.md
Hermes Agent ccc63d1e70 first commit
2026-05-10 13:52:46 +08:00

44 lines
1.1 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 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