first commit

sn-infographic/references/layouts/speech-bubbles.md

@@ -0,0 +1,44 @@
+# speech-bubbles
+
+Text wrapped inside speech bubbles pointing to characters or subjects.
+
+## Structure
+
+- Characters or subjects positioned around the canvas
+- Speech or thought bubbles containing text point to each character
+- Conversational or dialogue-driven layout
+- Can show multiple perspectives simultaneously
+
+## Variants
+
+| Variant | Focus | Visual Emphasis |
+|---------|-------|-----------------|
+| **Dialogue** | Conversation between characters | Alternating bubbles |
+| **Thought** | Internal monologue or ideas | Cloud-shaped bubbles |
+| **Annotation** | Labels pointing to objects | Pointer bubbles |
+
+## Best For
+
+- FAQ or Q&A formats
+- Multiple stakeholder perspectives
+- Character-driven explanations
+- Testimonial or quote collections
+
+## Visual Elements
+
+- Characters or avatars as anchors
+- Varied bubble shapes (speech, thought, shout)
+- Bubble tails pointing to speakers
+- Color-coded bubbles per character
+
+## Text Placement
+
+- Content inside bubbles
+- Character names below avatars
+- Title outside the bubble cluster
+
+## Recommended Pairings
+
+- `cartoon-flat`: Classic comic dialogue
+- `kawaii`: Cute character conversations
+- `crayon-hand-drawn`: Hand-drawn bubble annotations