first commit

sn-infographic/references/layouts/emotional-gradient.md

@@ -0,0 +1,36 @@
+# emotional-gradient
+
+Color or composition shifts show emotions or intensity from light to intense.
+
+## Structure
+
+- Content arranged along a gradient from one emotional state to another
+- Color palette transitions across the canvas (e.g., cool to warm)
+- Composition density or complexity increases with intensity
+- Clear start and end emotional states
+
+## Best For
+
+- Emotional journey narratives
+- Mood or sentiment progressions
+- Before/after emotional transformations
+- Brand tone or voice spectrums
+
+## Visual Elements
+
+- Smooth color gradient across the canvas
+- Illustrations or icons reflecting the emotional state
+- Increasing visual complexity toward the intense end
+- Optional emotion labels or icons
+
+## Text Placement
+
+- Emotion labels at key gradient points
+- Title at the neutral or start end
+- Conclusion at the intense or end state
+
+## Recommended Pairings
+
+- `storybook-watercolor`: Soft emotional color washes
+- `crayon-hand-drawn`: Hand-drawn emotional expressions
+- `kawaii`: Cute emotion spectrum illustrations