| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <radialGradient id="p10glow1" cx="50%" cy="45%" r="45%"> |
| 4 | <stop offset="0%" stop-color="#D4A574" stop-opacity="0.08" /> |
| 5 | <stop offset="100%" stop-color="#D4A574" stop-opacity="0" /> |
| 6 | </radialGradient> |
| 7 | <radialGradient id="p10glow2" cx="35%" cy="60%" r="35%"> |
| 8 | <stop offset="0%" stop-color="#34D399" stop-opacity="0.05" /> |
| 9 | <stop offset="100%" stop-color="#34D399" stop-opacity="0" /> |
| 10 | </radialGradient> |
| 11 | <linearGradient id="closingGrad" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 12 | <stop offset="0%" stop-color="#D4A574" /> |
| 13 | <stop offset="100%" stop-color="#60A5FA" /> |
| 14 | </linearGradient> |
| 15 | <filter id="closingGlow" x="-20%" y="-20%" width="140%" height="140%"> |
| 16 | <feGaussianBlur in="SourceAlpha" stdDeviation="6" result="blur" /> |
| 17 | <feFlood flood-color="#34D399" flood-opacity="0.3" result="glowColor" /> |
| 18 | <feComposite in="glowColor" in2="blur" operator="in" result="glow" /> |
| 19 | <feMerge> |
| 20 | <feMergeNode in="glow" /> |
| 21 | <feMergeNode in="SourceGraphic" /> |
| 22 | </feMerge> |
| 23 | </filter> |
| 24 | </defs> |
| 25 | |
| 26 | |
| 27 | <rect width="1280" height="720" fill="#0D1117" /> |
| 28 | <rect width="1280" height="720" fill="url(#p10glow1)" /> |
| 29 | <rect width="1280" height="720" fill="url(#p10glow2)" /> |
| 30 | |
| 31 | |
| 32 | <circle cx="200" cy="180" r="50" fill="none" stroke="#D4A574" stroke-width="0.5" stroke-opacity="0.12" /> |
| 33 | <circle cx="1080" cy="540" r="70" fill="none" stroke="#60A5FA" stroke-width="0.5" stroke-opacity="0.1" /> |
| 34 | <circle cx="900" cy="150" r="30" fill="none" stroke="#34D399" stroke-width="0.5" stroke-opacity="0.08" /> |
| 35 | |
| 36 | |
| 37 | <g id="closing-icon"> |
| 38 | |
| 39 | <g transform="translate(604.0, 200.0) scale(4.5)" fill="#34D399"> |
| 40 | <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16L4.35009 13.3929C2.24773 11.8912 1 9.46667 1 6.88306V3L8 0L15 3V6.88306C15 9.46667 13.7523 11.8912 11.6499 13.3929L8 16ZM12.2071 5.70711L10.7929 4.29289L7 8.08579L5.20711 6.29289L3.79289 7.70711L7 10.9142L12.2071 5.70711Z" /> |
| 41 | </g> |
| 42 | </g> |
| 43 | |
| 44 | |
| 45 | <g id="closing-title"> |
| 46 | <text x="640" y="330" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="36" font-weight="bold" fill="#E6EDF3" filter="url(#closingGlow)">Substantially Safer</text> |
| 47 | <text x="640" y="375" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="36" font-weight="bold" fill="#E6EDF3">Than No Guardrails</text> |
| 48 | </g> |
| 49 | |
| 50 | |
| 51 | <rect x="520" y="400" width="240" height="2" fill="url(#closingGrad)" fill-opacity="0.6" /> |
| 52 | |
| 53 | |
| 54 | <g id="closing-points"> |
| 55 | <text x="640" y="445" text-anchor="middle" font-family="Calibri, Arial, sans-serif" font-size="18" fill="#8B949E">The classifier doesn't need to be flawless to be valuable.</text> |
| 56 | <text x="640" y="475" text-anchor="middle" font-family="Calibri, Arial, sans-serif" font-size="18" fill="#8B949E">The starting point is catching enough dangerous actions</text> |
| 57 | <text x="640" y="505" text-anchor="middle" font-family="Calibri, Arial, sans-serif" font-size="18" fill="#8B949E">to make autonomous operation substantially safer.</text> |
| 58 | </g> |
| 59 | |
| 60 | |
| 61 | <g id="cta"> |
| 62 | <path fill="#161B22" stroke="#D4A574" stroke-width="1" d="M462,545 H818 A22,22 0 0 1 840,567 V567 A22,22 0 0 1 818,589 H462 A22,22 0 0 1 440,567 V567 A22,22 0 0 1 462,545 Z" /> |
| 63 | |
| 64 | <g transform="translate(470.0, 555.0) scale(1.5)" fill="#D4A574"> |
| 65 | <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM12.7071 5.70711L11.2929 4.29289L6.5 9.08579L4.70711 7.29289L3.29289 8.70711L6.5 11.9142L12.7071 5.70711Z" /> |
| 66 | </g> |
| 67 | <text x="640" y="574" text-anchor="middle" font-family="Calibri, Arial, sans-serif" font-size="16" fill="#D4A574">Try it: claude auto-mode defaults</text> |
| 68 | </g> |
| 69 | |
| 70 | |
| 71 | <g id="source"> |
| 72 | <text x="640" y="630" text-anchor="middle" font-family="Calibri, Arial, sans-serif" font-size="14" fill="#6E7681">anthropic.com/engineering/claude-code-auto-mode</text> |
| 73 | <text x="640" y="655" text-anchor="middle" font-family="Calibri, Arial, sans-serif" font-size="12" fill="#6E7681">Written by John Hughes · Anthropic Engineering · March 2026</text> |
| 74 | </g> |
| 75 | |
| 76 | |
| 77 | <rect x="0" y="700" width="1280" height="20" fill="#161B22" /> |
| 78 | <rect x="440" y="700" width="400" height="3" fill="url(#closingGrad)" fill-opacity="0.5" /> |
| 79 | </svg> |