plan: badges flow diagram for app and web

badges-flow-mvp.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="2640" height="1470" viewBox="0 0 2640 1470"><rect x="0.0" y="0.0" width="2640.0" height="1470.0" rx="0.0" fill="#ffffff" stroke="none" stroke-width="1.0"/><rect x="0.0" y="0.0" width="2640.0" height="96.0" rx="0.0" fill="#1c1e26" stroke="none" stroke-width="1.0"/><text x="60.0" y="46.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="26.0" font-weight="600" fill="#ffffff">Supporter badges - buying a badge in the app and on the web</text><text x="60.0" y="72.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="13.0" fill="#9a9aa6">interaction design - one canvas, mobile band above, web checkout below</text><text x="2580.0" y="46.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="13.0" fill="#9a9aa6" text-anchor="end">plans/2026-08-21-badges-web-checkout.md</text><text x="2580.0" y="72.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="13.0" fill="#9a9aa6" text-anchor="end">editable SVG</text><text x="60.0" y="116.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="18.0" font-weight="600" fill="#1c1e26">In the app</text><text x="179.0" y="116.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="12.0" fill="#767a85">every platform - the pay button is where they differ</text><g id="m-entry" transform="translate(60.0,150.0) scale(0.5200)"><rect x="0.0" y="0.0" width="402.0" height="780.0" rx="0.0" fill="#f2f2f7" stroke="none" stroke-width="1.0"/><text x="20.0" y="74.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="30.0" font-weight="600" fill="#000000">Support SimpleX</text><text x="32.0" y="114.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="15.0" fill="#000000">SimpleX is built by people who believe private</text><text x="32.0" y="131.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="15.0" fill="#000000">messaging should not depend on advertising.</text><text x="32.0" y="148.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="15.0" fill="#000000">A badge helps pay for it.</text><text x="201.0" y="181.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="15.0" font-weight="600" fill="#007aff" text-anchor="middle">Why SimpleX is built this way</text><rect x="96.0" y="203.0" width="210.0" height="210.0" rx="24.0" fill="#eef2fb" stroke="none" stroke-width="1.0"/><circle cx="201.0" cy="299.0" r="42.0" fill="#ffffff" stroke="#d3ddf2" stroke-width="2.0"/><text x="201.0" y="307.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="34.0" fill="#3a6fd8" text-anchor="middle">★</text><text x="201.0" y="379.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="13.0" font-weight="600" fill="#3a6fd8" text-anchor="middle">SUPPORTER</text><rect x="32.0" y="449.0" width="338.0" height="50.0" rx="22.0" fill="#007aff" stroke="none" stroke-width="1.0"/><text x="201.0" y="481.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="17.0" font-weight="600" fill="#ffffff" text-anchor="middle">Choose your level</text><text x="201.0" y="531.0" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="15.0" font-weight="600" fill="#007aff" text-anchor="middle">Redeem badge code</text></g><text x="60.0" y="577.6" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="13.0" font-weight="600" fill="#1c1e26">1.  Where it starts</text><text x="60.0" y="592.6" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="11.0" fill="#767a85">Both actions already exist in the shipped view.</text><text x="60.0" y="605.6" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="11.0" fill="#767a85">'Redeem badge code' is the only route to a badge on</text><text x="60.0" y="618.6" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="11.0" fill="#767a85">iOS and the Play build until store evidence is verified,</text><text x="60.0" y="631.6" font-family="-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif" font-size="11.0" fill="#767a85">so it is not a secondary action there - it is the path.</text><g id="m-level" transform="tranLine truncated