first commit

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

@@ -0,0 +1,36 @@
+# skewed-grid
+
+The overall grid is rotated by an angle, creating dynamic energy.
+
+## Structure
+
+- Standard grid rotated 5-30 degrees
+- Content blocks aligned to the skewed grid
+- Creates diagonal energy while maintaining internal order
+- Background may remain horizontal for contrast
+
+## Best For
+
+- Dynamic or energetic content
+- Tech, sports, or action themes
+- Designs that need visual movement
+- Modern editorial layouts
+
+## Visual Elements
+
+- Rotated grid lines as the structural backbone
+- Content blocks aligned to the skewed angle
+- Horizontal background for contrast
+- Optional motion or speed lines
+
+## Text Placement
+
+- Text aligned to the skewed grid angle
+- Title may remain horizontal for readability
+- Labels follow the grid rotation
+
+## Recommended Pairings
+
+- `neon-futurism`: Futuristic skewed grids
+- `high-contrast-ad`: Dynamic skewed compositions
+- `corporate-memphis`: Modern angled layouts