| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <radialGradient id="bgGlow1" cx="70%" cy="30%" r="50%"> |
| 4 | <stop offset="0%" stop-color="#D4845A" stop-opacity="0.12"/> |
| 5 | <stop offset="100%" stop-color="#D4845A" stop-opacity="0"/> |
| 6 | </radialGradient> |
| 7 | <radialGradient id="bgGlow2" cx="25%" cy="75%" r="45%"> |
| 8 | <stop offset="0%" stop-color="#5B9BD5" stop-opacity="0.08"/> |
| 9 | <stop offset="100%" stop-color="#5B9BD5" stop-opacity="0"/> |
| 10 | </radialGradient> |
| 11 | <linearGradient id="accentLine" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 12 | <stop offset="0%" stop-color="#D4845A"/> |
| 13 | <stop offset="100%" stop-color="#E8B87D"/> |
| 14 | </linearGradient> |
| 15 | <filter id="softShadow" x="-15%" y="-15%" width="140%" height="140%"> |
| 16 | <feGaussianBlur in="SourceAlpha" stdDeviation="12"/> |
| 17 | <feOffset dx="0" dy="6" result="offsetBlur"/> |
| 18 | <feFlood flood-color="#000000" flood-opacity="0.15" result="shadowColor"/> |
| 19 | <feComposite in="shadowColor" in2="offsetBlur" operator="in" result="shadow"/> |
| 20 | <feMerge> |
| 21 | <feMergeNode in="shadow"/> |
| 22 | <feMergeNode in="SourceGraphic"/> |
| 23 | </feMerge> |
| 24 | </filter> |
| 25 | </defs> |
| 26 | |
| 27 | <!-- Background --> |
| 28 | <rect width="1280" height="720" fill="#0F1117"/> |
| 29 | <rect width="1280" height="720" fill="url(#bgGlow1)"/> |
| 30 | <rect width="1280" height="720" fill="url(#bgGlow2)"/> |
| 31 | |
| 32 | <!-- Decorative grid dots --> |
| 33 | <g id="grid-dots"> |
| 34 | <circle cx="120" cy="120" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 35 | <circle cx="200" cy="120" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 36 | <circle cx="280" cy="120" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 37 | <circle cx="360" cy="120" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 38 | <circle cx="120" cy="200" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 39 | <circle cx="200" cy="200" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 40 | <circle cx="280" cy="200" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 41 | <circle cx="360" cy="200" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 42 | <circle cx="920" cy="520" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 43 | <circle cx="1000" cy="520" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 44 | <circle cx="1080" cy="520" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 45 | <circle cx="1160" cy="520" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 46 | <circle cx="920" cy="600" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 47 | <circle cx="1000" cy="600" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 48 | <circle cx="1080" cy="600" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 49 | <circle cx="1160" cy="600" r="1.5" fill="#2D3348" fill-opacity="0.6"/> |
| 50 | </g> |
| 51 | |
| 52 | <!-- Decorative rings --> |
| 53 | <circle cx="1050" cy="180" r="80" fill="none" stroke="#D4845A" stroke-opacity="0.08" stroke-width="1"/> |
| 54 | <circle cx="1050" cy="180" r="120" fill="none" stroke="#D4845A" stroke-opacity="0.05" stroke-width="1"/> |
| 55 | <circle cx="230" cy="550" r="60" fill="none" stroke="#5B9BD5" stroke-opacity="0.06" stroke-width="1"/> |
| 56 | <circle cx="230" cy="550" r="95" fill="none" stroke="#5B9BD5" stroke-opacity="0.04" stroke-width="1"/> |
| 57 | |
| 58 | <!-- Robot icon --> |
| 59 | <g id="cover-icon"> |
| 60 | <use data-icon="chunk/robot" x="596" y="200" width="88" height="88" fill="#D4845A"/> |
| 61 | </g> |
| 62 | |
| 63 | <!-- Accent line --> |
| 64 | <rect x="540" y="310" width="200" height="4" rx="2" fill="url(#accentLine)"/> |
| 65 | |
| 66 | <!-- Title --> |
| 67 | <g id="cover-title"> |
| 68 | <text x="640" y="375" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="60" font-weight="bold" fill="#E8E8EC">Building Effective</text> |
| 69 | <text x="640" y="440" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="60" font-weight="bold" fill="#D4845A">Agents</text> |
| 70 | </g> |
| 71 | |
| 72 | <!-- Subtitle --> |
| 73 | <text x="640" y="490" text-anchor="middle" font-family="'Helvetica Neue', Arial, sans-serif" font-size="22" fill="#9CA3AF">Simple, composable patterns for LLM-based agentic systems</text> |
| 74 | |
| 75 | <!-- Bottom info bar --> |
| 76 | <g id="cover-footer"> |
| 77 | <rect x="0" y="660" width="1280" height="1" fill="#2D3348" fill-opacity="0.5"/> |
| 78 | <text x="60" y="692" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#6B7280">Anthropic Engineering</text> |
| 79 | <text x="1220" y="692" text-anchor="end" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#6B7280">December 2024</text> |
| 80 | </g> |
| 81 | </svg> |
| 82 |