| 1 | # Type: comparison |
| 2 | |
| 3 | Split composition showing two opposing sides — left vs right, before vs after, A vs B, traditional vs new. Used for pros/cons pages, mindset-shift narratives, option evaluations, transformation stories. |
| 4 | |
| 5 | > **What comparison means inside a PPT block**: the image internally has **two symmetric or near-symmetric halves** with clear divider. Each half represents one option/state. Unlike all other types, comparison's signature is the **explicit duality**. |
| 6 | |
| 7 | ## 1. Composition skeleton |
| 8 | |
| 9 | Two sub-structures: |
| 10 | |
| 11 | ### Sub-structure 1 — Horizontal split (most common) |
| 12 | |
| 13 | ``` |
| 14 | ┌────────────┬────────────┐ |
| 15 | │ │ │ |
| 16 | │ LEFT │ RIGHT │ |
| 17 | │ (before, │ (after, │ |
| 18 | │ option A)│ option B)│ |
| 19 | │ │ │ |
| 20 | └────────────┴────────────┘ |
| 21 | ``` |
| 22 | |
| 23 | ### Sub-structure 2 — Vertical split |
| 24 | |
| 25 | ``` |
| 26 | ┌──────────────┐ |
| 27 | │ TOP │ |
| 28 | │ (before) │ |
| 29 | ├──────────────┤ |
| 30 | │ BOTTOM │ |
| 31 | │ (after) │ |
| 32 | └──────────────┘ |
| 33 | ``` |
| 34 | |
| 35 | | LAYOUT | Two near-equal halves with a clear divider (vertical or horizontal). Each half contains its own content | |
| 36 | | ELEMENTS | Each side has its own anchor element (a figure, an icon cluster, a chart, a stylized scene). Visual treatment is symmetric in structure, distinct in content | |
| 37 | | NEGATIVE SPACE | 12-15% padding on the outer edges; the divider may be a thin line, geometric shape, or simply negative space | |
| 38 | | DIVIDER | Clean — a hand-drawn line, a vertical rule, a geometric shape, or just empty space. Should feel intentional | |
| 39 | |
| 40 | ## 2. Text-policy variants |
| 41 | |
| 42 | ### `text_policy: none` |
| 43 | |
| 44 | Each side contains a visual anchor (figure, icon, scene) but no text labels. SVG labels added externally to indicate "Before / After" or "A / B". |
| 45 | |
| 46 | ### `text_policy: embedded` |
| 47 | |
| 48 | Each side may contain short hand-lettered labels: "BEFORE" / "AFTER" at the top, plus 2-3 short bullet words inside (e.g. "slow / manual / fragile" vs "fast / automated / reliable"). |
| 49 | |
| 50 | > ink-notes + comparison + embedded is a classic combination — the "manifesto Before/After" page. |
| 51 | |
| 52 | --- |
| 53 | |
| 54 | ## 3. Fewshot prompt snippets |
| 55 | |
| 56 | **Snippet A — ink-notes + mono-ink, Before/After horizontal split, text_policy: embedded, 1200×500** |
| 57 | |
| 58 | > Professional hand-drawn visual-note style on pure white background `#FFFFFF`. The composition is a Before/After horizontal split with a clean vertical hand-drawn divider down the center. Both sides use confident black ink line work with slight wobble. Left side ("Before"): a simplified stick-figure character with frustrated posture, a speech bubble in hand-lettered English caps reading "OLD WAY", and three small hand-drawn dashes with brief 1-word annotations ("manual", "slow", "fragile"). Right side ("After"): a confident stick-figure character with a checkmark above, hand-lettered "NEW WAY" caps label, and three checkbox-style annotations ("automated", "fast", "reliable"). A curved "shift" arrow bridges left to right at mid-height. Sparse semantic accent: coral red `#E8655A` only on left-side pain markers (about 4% area); muted teal `#5FA8A8` only on right-side positive markers (about 3% area). Total color accent under 8%. Composed as a 1200×500 hero banner with 14% inner padding. Hand-lettered text kept to short keywords. Color values are rendering guidance only. |