| 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 | <!-- Background --> |
| 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 | <!-- Decorative circles --> |
| 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 | <!-- Shield icon --> |
| 37 | <g id="closing-icon"> |
| 38 | <use data-icon="chunk/shield-check" x="604" y="200" width="72" height="72" fill="#34D399"/> |
| 39 | </g> |
| 40 | |
| 41 | <!-- Title --> |
| 42 | <g id="closing-title"> |
| 43 | <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> |
| 44 | <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> |
| 45 | </g> |
| 46 | |
| 47 | <!-- Accent divider --> |
| 48 | <rect x="520" y="400" width="240" height="2" fill="url(#closingGrad)" fill-opacity="0.6"/> |
| 49 | |
| 50 | <!-- Key points --> |
| 51 | <g id="closing-points"> |
| 52 | <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> |
| 53 | <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> |
| 54 | <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> |
| 55 | </g> |
| 56 | |
| 57 | <!-- Call to action --> |
| 58 | <g id="cta"> |
| 59 | <rect x="440" y="545" width="400" height="44" rx="22" fill="#161B22" stroke="#D4A574" stroke-width="1"/> |
| 60 | <use data-icon="chunk/circle-checkmark" x="470" y="555" width="24" height="24" fill="#D4A574"/> |
| 61 | <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> |
| 62 | </g> |
| 63 | |
| 64 | <!-- Source --> |
| 65 | <g id="source"> |
| 66 | <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> |
| 67 | <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> |
| 68 | </g> |
| 69 | |
| 70 | <!-- Bottom accent bar --> |
| 71 | <rect x="0" y="700" width="1280" height="20" fill="#161B22"/> |
| 72 | <rect x="440" y="700" width="400" height="3" fill="url(#closingGrad)" fill-opacity="0.5"/> |
| 73 | </svg> |
| 74 |