first commit

sn-infographic/references/layouts/nine-grid.md

@@ -0,0 +1,36 @@
+# nine-grid
+
+Canvas evenly split into nine modules in a 3×3 grid.
+
+## Structure
+
+- 3×3 grid of equal-sized cells
+- Each cell contains one item or concept
+- Center cell often used as focal point or title
+- Consistent cell size and padding
+
+## Best For
+
+- Nine-item collections or catalogs
+- 3×3 frameworks or models
+- Feature grids with equal weight
+- Photo or icon galleries
+
+## Visual Elements
+
+- Uniform cell borders or backgrounds
+- Icons or illustrations per cell
+- Color coding by row or column
+- Optional center cell highlight
+
+## Text Placement
+
+- Item title within each cell
+- Brief description below title
+- Overall title above the grid
+
+## Recommended Pairings
+
+- `pixel-art`: Retro icon grids
+- `corporate-memphis`: Feature catalogs
+- `cartoon-flat`: Element-style collections