| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720" |
| 2 | font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" |
| 3 | font-size="12"> |
| 4 | <!-- |
| 5 | Concentric Circles / Bullseye Chart Template |
| 6 | Structure: 3-5 nested rings expressing priority from core (deepest color) outward to periphery (lightest), paired with descriptor cards |
| 7 | Use cases: Target focus analysis, stakeholder circles, core-expansion-ecosystem priority layers, onion model, sphere-of-influence |
| 8 | Design Principles: Single-hue color progression (deeper at core = higher priority), tick-marked outer rim for depth, resource % as hero number on each card |
| 9 | --> |
| 10 | <defs> |
| 11 | <radialGradient id="coreGrad" cx="35%" cy="30%" r="80%"> |
| 12 | <stop offset="0%" stop-color="#6366F1"/> |
| 13 | <stop offset="100%" stop-color="#3730A3"/> |
| 14 | </radialGradient> |
| 15 | </defs> |
| 16 | |
| 17 | <!-- Background --> |
| 18 | <rect width="1280" height="720" fill="#FFFFFF"/> |
| 19 | |
| 20 | <!-- ==================== Header ==================== --> |
| 21 | <g id="header" data-pptx-bounds="60 42 1180 60"> |
| 22 | <rect x="60" y="42" width="4" height="60" rx="2" fill="#4338CA"/> |
| 23 | <text x="78" y="68" font-size="30" font-weight="800" fill="#0F172A"> |
| 24 | <tspan>Product Strategy Priority Layers</tspan> |
| 25 | </text> |
| 26 | <text x="78" y="94" font-size="13" font-weight="700" fill="#64748B" letter-spacing="2"> |
| 27 | <tspan>FY24 RESOURCE ALLOCATION FRAMEWORK · 4 PRIORITY TIERS</tspan> |
| 28 | </text> |
| 29 | <!-- Header right chip --> |
| 30 | <g transform="translate(1010, 50)"> |
| 31 | <rect x="0" y="0" width="200" height="48" rx="14" fill="#EEF2FF"/> |
| 32 | <text x="22" y="32" font-size="22" font-weight="800" fill="#4338CA"> |
| 33 | <tspan>100%</tspan> |
| 34 | </text> |
| 35 | <text x="92" y="22" font-weight="800" fill="#312E81" letter-spacing="1.5"> |
| 36 | <tspan>ALLOCATED</tspan> |
| 37 | </text> |
| 38 | <text x="92" y="38" font-weight="600" fill="#6366F1"> |
| 39 | <tspan>4 tiers · core → edge</tspan> |
| 40 | </text> |
| 41 | </g> |
| 42 | </g> |
| 43 | |
| 44 | <!-- ==================== Tick-marked outer rim (depth) ==================== --> |
| 45 | <g id="ticks" data-pptx-bounds="108 78 664 619"> |
| 46 | <!-- 12 tick marks at 30° intervals on radius 320, stroke-opacity per-element (no <g opacity>, see §6.2) --> |
| 47 | <line x1="440" y1="90" x2="440" y2="78" stroke="#A5B4FC" stroke-width="2" stroke-opacity="0.4"/> |
| 48 | <line x1="600" y1="133" x2="606" y2="123" stroke="#A5B4FC" stroke-width="2" stroke-opacity="0.4"/> |
| 49 | <line x1="717" y1="250" x2="727" y2="244" stroke="#A5B4FC" stroke-width="2" stroke-opacity="0.4"/> |
| 50 | <line x1="760" y1="410" x2="772" y2="410" stroke="#A5B4FC" stroke-width="2" stroke-opacity="0.4"/> |
| 51 | <line x1="717" y1="570" x2="727" y2="576" stroke="#A5B4FC" stroke-width="2" stroke-opacity="0.4"/> |
| 52 | <line x1="600" y1="687" x2="606" y2="697" stroke="#A5B4FC" stroke-width="2" stroke-opacity="0.4"/> |
| 53 | <line x1="280" y1="687" x2="274" y2="697" stroke="#A5B4FC" stroke-width="2" stroke-opacity="0.4"/> |
| 54 | <line x1="163" y1="570" x2="153" y2="576" stroke="#A5B4FC" stroke-width="2" stroke-opacity="0.4"/> |
| 55 | <line x1="120" y1="410" x2="108" y2="410" stroke="#A5B4FC" stroke-width="2" stroke-opacity="0.4"/> |
| 56 | <line x1="163" y1="250" x2="153" y2="244" stroke="#A5B4FC" stroke-width="2" stroke-opacity="0.4"/> |
| 57 | <line x1="280" y1="133" x2="274" y2="123" stroke="#A5B4FC" stroke-width="2" stroke-opacity="0.4"/> |
| 58 | </g> |
| 59 | |
| 60 | <!-- ==================== Concentric Bullseye (center 440, 410; single-hue Indigo progression) ==================== --> |
| 61 | <g id="bullseye" data-pptx-bounds="140 110 600 600"> |
| 62 | <!-- Layer 4: Ecosystem (lightest, outermost) --> |
| 63 | <circle cx="440" cy="410" r="300" fill="#EEF2FF" stroke="#C7D2FE" stroke-width="2"/> |
| 64 | <!-- Layer 3: Growth Engine --> |
| 65 | <circle cx="440" cy="410" r="220" fill="#E0E7FF" stroke="#A5B4FC" stroke-width="2"/> |
| 66 | <!-- Layer 2: Core Support --> |
| 67 | <circle cx="440" cy="410" r="140" fill="#C7D2FE" stroke="#818CF8" stroke-width="2"/> |
| 68 | <!-- Layer 1: Core (deepest focal layer) --> |
| 69 | <circle cx="440" cy="410" r="68" fill="url(#coreGrad)"/> |
| 70 | <text x="440" y="403" font-weight="800" fill="#C7D2FE" text-anchor="middle" letter-spacing="2"> |
| 71 | <tspan>TIER 01</tspan> |
| 72 | </text> |
| 73 | <text x="440" y="428" font-size="18" font-weight="800" fill="#FFFFFF" text-anchor="middle"> |
| 74 | <tspan>Core</tspan> |
| 75 | </text> |
| 76 | <text x="440" y="448" font-size="18" font-weight="800" fill="#FFFFFF" text-anchor="middle"> |
| 77 | <tspan>Product</tspan> |
| 78 | </text> |
| 79 | </g> |
| 80 | |
| 81 | <!-- ==================== Ring Labels (at 12 o'clock, with leader dot) ==================== --> |
| 82 | <g id="ring-labels" data-pptx-bounds="330 104 220 198"> |
| 83 | <!-- Layer 4 (outermost) at top --> |
| 84 | <circle cx="440" cy="110" r="4" fill="#4338CA"/> |
| 85 | <text x="440" y="138" font-weight="800" fill="#4338CA" text-anchor="middle" letter-spacing="2"> |
| 86 | <tspan>ECOSYSTEM</tspan> |
| 87 | </text> |
| 88 | <!-- Layer 3 --> |
| 89 | <circle cx="440" cy="190" r="4" fill="#4338CA"/> |
| 90 | <text x="440" y="218" font-weight="800" fill="#4338CA" text-anchor="middle" letter-spacing="2"> |
| 91 | <tspan>GROWTH ENGINE</tspan> |
| 92 | </text> |
| 93 | <!-- Layer 2 --> |
| 94 | <circle cx="440" cy="270" r="4" fill="#FFFFFF"/> |
| 95 | <text x="440" y="298" font-weight="800" fill="#312E81" text-anchor="middle" letter-spacing="2"> |
| 96 | <tspan>CORE SUPPORT</tspan> |
| 97 | </text> |
| 98 | </g> |
| 99 | |
| 100 | <!-- ==================== Right Cards: 4 priority tiers ==================== --> |
| 101 | <g id="cards" data-pptx-bounds="810 130 410 508"> |
| 102 | <!-- Card 1: Tier 01 (Core) — focal --> |
| 103 | <g id="card-1" transform="translate(810, 130)"> |
| 104 | <rect x="0" y="0" width="410" height="118" rx="12" fill="#FFFFFF" stroke="#E0E7FF" stroke-width="1.5"/> |
| 105 | <rect x="0" y="0" width="6" height="118" rx="3" fill="#4338CA"/> |
| 106 | <!-- Tier badge --> |
| 107 | <circle cx="40" cy="32" r="16" fill="#4338CA"/> |
| 108 | <text x="40" y="38" font-size="14" font-weight="800" fill="#FFFFFF" text-anchor="middle"> |
| 109 | <tspan>01</tspan> |
| 110 | </text> |
| 111 | <text x="64" y="28" font-weight="800" fill="#4338CA" letter-spacing="2"> |
| 112 | <tspan>HIGHEST PRIORITY · CORE</tspan> |
| 113 | </text> |
| 114 | <text x="64" y="46" font-size="16" font-weight="800" fill="#0F172A"> |
| 115 | <tspan>Core Product</tspan> |
| 116 | </text> |
| 117 | <text x="22" y="70" font-size="13" font-weight="500" fill="#64748B"> |
| 118 | <tspan>UX features driving retention </tspan><tspan x="22" dy="16">& conversion</tspan> |
| 119 | </text> |
| 120 | <text x="22" y="108" font-weight="700" fill="#94A3B8" letter-spacing="1"> |
| 121 | <tspan>BI-WEEKLY ITERATION</tspan> |
| 122 | </text> |
| 123 | <!-- Resource % hero --> |
| 124 | <text x="388" y="60" font-size="32" font-weight="800" fill="#4338CA" text-anchor="end"> |
| 125 | <tspan>60%</tspan> |
| 126 | </text> |
| 127 | <text x="388" y="78" font-weight="800" fill="#64748B" text-anchor="end" letter-spacing="1.5"> |
| 128 | <tspan>OF RESOURCES</tspan> |
| 129 | </text> |
| 130 | <!-- Mini bar --> |
| 131 | <rect x="280" y="92" width="110" height="6" rx="3" fill="#E0E7FF"/> |
| 132 | <rect x="280" y="92" width="66" height="6" rx="3" fill="#4338CA"/> |
| 133 | </g> |
| 134 | |
| 135 | <!-- Card 2: Tier 02 (Core Support) --> |
| 136 | <g id="card-2" transform="translate(810, 260)"> |
| 137 | <rect x="0" y="0" width="410" height="118" rx="12" fill="#FFFFFF" stroke="#E0E7FF" stroke-width="1.5"/> |
| 138 | <rect x="0" y="0" width="6" height="118" rx="3" fill="#6366F1"/> |
| 139 | <circle cx="40" cy="32" r="16" fill="#6366F1"/> |
| 140 | <text x="40" y="38" font-size="14" font-weight="800" fill="#FFFFFF" text-anchor="middle"> |
| 141 | <tspan>02</tspan> |
| 142 | </text> |
| 143 | <text x="64" y="28" font-weight="800" fill="#6366F1" letter-spacing="2"> |
| 144 | <tspan>HIGH PRIORITY · CORE SUPPORT</tspan> |
| 145 | </text> |
| 146 | <text x="64" y="46" font-size="16" font-weight="800" fill="#0F172A"> |
| 147 | <tspan>Foundational Capabilities</tspan> |
| 148 | </text> |
| 149 | <text x="22" y="70" font-size="13" font-weight="500" fill="#64748B"> |
| 150 | <tspan>Security, performance, </tspan><tspan x="22" dy="16">infrastructure</tspan> |
| 151 | </text> |
| 152 | <text x="22" y="108" font-weight="700" fill="#94A3B8" letter-spacing="1"> |
| 153 | <tspan>MONTHLY ITERATION</tspan> |
| 154 | </text> |
| 155 | <text x="388" y="60" font-size="32" font-weight="800" fill="#6366F1" text-anchor="end"> |
| 156 | <tspan>25%</tspan> |
| 157 | </text> |
| 158 | <text x="388" y="78" font-weight="800" fill="#64748B" text-anchor="end" letter-spacing="1.5"> |
| 159 | <tspan>OF RESOURCES</tspan> |
| 160 | </text> |
| 161 | <rect x="280" y="92" width="110" height="6" rx="3" fill="#E0E7FF"/> |
| 162 | <rect x="280" y="92" width="27" height="6" rx="3" fill="#6366F1"/> |
| 163 | </g> |
| 164 | |
| 165 | <!-- Card 3: Tier 03 (Growth Engine) --> |
| 166 | <g id="card-3" transform="translate(810, 390)"> |
| 167 | <rect x="0" y="0" width="410" height="118" rx="12" fill="#FFFFFF" stroke="#E0E7FF" stroke-width="1.5"/> |
| 168 | <rect x="0" y="0" width="6" height="118" rx="3" fill="#818CF8"/> |
| 169 | <circle cx="40" cy="32" r="16" fill="#818CF8"/> |
| 170 | <text x="40" y="38" font-size="14" font-weight="800" fill="#FFFFFF" text-anchor="middle"> |
| 171 | <tspan>03</tspan> |
| 172 | </text> |
| 173 | <text x="64" y="28" font-weight="800" fill="#6366F1" letter-spacing="2"> |
| 174 | <tspan>MEDIUM PRIORITY · GROWTH ENGINE</tspan> |
| 175 | </text> |
| 176 | <text x="64" y="46" font-size="16" font-weight="800" fill="#0F172A"> |
| 177 | <tspan>Acquisition & Monetization</tspan> |
| 178 | </text> |
| 179 | <text x="22" y="70" font-size="13" font-weight="500" fill="#64748B"> |
| 180 | <tspan>Channel ops, paywall, </tspan><tspan x="22" dy="16">conversion funnels</tspan> |
| 181 | </text> |
| 182 | <text x="22" y="108" font-weight="700" fill="#94A3B8" letter-spacing="1"> |
| 183 | <tspan>QUARTERLY PLANNING</tspan> |
| 184 | </text> |
| 185 | <text x="388" y="60" font-size="32" font-weight="800" fill="#818CF8" text-anchor="end"> |
| 186 | <tspan>10%</tspan> |
| 187 | </text> |
| 188 | <text x="388" y="78" font-weight="800" fill="#64748B" text-anchor="end" letter-spacing="1.5"> |
| 189 | <tspan>OF RESOURCES</tspan> |
| 190 | </text> |
| 191 | <rect x="280" y="92" width="110" height="6" rx="3" fill="#E0E7FF"/> |
| 192 | <rect x="280" y="92" width="11" height="6" rx="3" fill="#818CF8"/> |
| 193 | </g> |
| 194 | |
| 195 | <!-- Card 4: Tier 04 (Ecosystem) — exploratory --> |
| 196 | <g id="card-4" transform="translate(810, 520)"> |
| 197 | <rect x="0" y="0" width="410" height="118" rx="12" fill="#FFFFFF" stroke="#E0E7FF" stroke-width="1.5" stroke-dasharray="6,4"/> |
| 198 | <rect x="0" y="0" width="6" height="118" rx="3" fill="#C7D2FE"/> |
| 199 | <circle cx="40" cy="32" r="16" fill="#FFFFFF" stroke="#C7D2FE" stroke-width="2.5"/> |
| 200 | <text x="40" y="38" font-size="14" font-weight="800" fill="#A5B4FC" text-anchor="middle"> |
| 201 | <tspan>04</tspan> |
| 202 | </text> |
| 203 | <text x="64" y="28" font-weight="800" fill="#A5B4FC" letter-spacing="2"> |
| 204 | <tspan>EXPLORATORY · ECOSYSTEM</tspan> |
| 205 | </text> |
| 206 | <text x="64" y="46" font-size="16" font-weight="800" fill="#334155"> |
| 207 | <tspan>Open Platform & Partnerships</tspan> |
| 208 | </text> |
| 209 | <text x="22" y="70" font-size="13" font-weight="500" fill="#94A3B8"> |
| 210 | <tspan>ISV integrations, API </tspan><tspan x="22" dy="16">marketplace</tspan> |
| 211 | </text> |
| 212 | <text x="22" y="108" font-weight="700" fill="#CBD5E1" letter-spacing="1"> |
| 213 | <tspan>SEMI-ANNUAL REVIEW</tspan> |
| 214 | </text> |
| 215 | <text x="388" y="60" font-size="32" font-weight="800" fill="#A5B4FC" text-anchor="end"> |
| 216 | <tspan>5%</tspan> |
| 217 | </text> |
| 218 | <text x="388" y="78" font-weight="800" fill="#64748B" text-anchor="end" letter-spacing="1.5"> |
| 219 | <tspan>OF RESOURCES</tspan> |
| 220 | </text> |
| 221 | <rect x="280" y="92" width="110" height="6" rx="3" fill="#F1F5F9"/> |
| 222 | <rect x="280" y="92" width="6" height="6" rx="3" fill="#A5B4FC"/> |
| 223 | </g> |
| 224 | </g> |
| 225 | |
| 226 | <!-- ==================== Footer ==================== --> |
| 227 | <g id="footer" data-pptx-bounds="170 675 540 25"> |
| 228 | <text x="440" y="695" font-weight="600" fill="#94A3B8" text-anchor="middle"> |
| 229 | <tspan>Closer to the center → higher priority & deeper resource concentration</tspan> |
| 230 | </text> |
| 231 | </g> |
| 232 | </svg> |
| 233 |