| 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 | |
| 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 | |
| 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 | |
| 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 | |
| 59 | <g id="cover-icon"> |
| 60 | |
| 61 | <g transform="translate(596.0, 200.0) scale(5.5)" fill="#D4845A"> |
| 62 | <path fill-rule="evenodd" clip-rule="evenodd" d="M9 0V2H13L16 8.5L13 15H3L0 8.5L3 2H7V0H9ZM4.59794 11.7384L8 12.2618L11.4021 11.7384L11.0979 9.76163L8 10.2382L4.90206 9.76163L4.59794 11.7384ZM7 6.75C7 7.44036 6.44036 8 5.75 8C5.05964 8 4.5 7.44036 4.5 6.75C4.5 6.05964 5.05964 5.5 5.75 5.5C6.44036 5.5 7 6.05964 7 6.75ZM10.25 8C10.9404 8 11.5 7.44036 11.5 6.75C11.5 6.05964 10.9404 5.5 10.25 5.5C9.55964 5.5 9 6.05964 9 6.75C9 7.44036 9.55964 8 10.25 8Z" /> |
| 63 | </g> |
| 64 | </g> |
| 65 | |
| 66 | |
| 67 | <path fill="url(#accentLine)" d="M542,310 H738 A2,2 0 0 1 740,312 V312 A2,2 0 0 1 738,314 H542 A2,2 0 0 1 540,312 V312 A2,2 0 0 1 542,310 Z" /> |
| 68 | |
| 69 | |
| 70 | <g id="cover-title"> |
| 71 | <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> |
| 72 | <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> |
| 73 | </g> |
| 74 | |
| 75 | |
| 76 | <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> |
| 77 | |
| 78 | |
| 79 | <g id="cover-footer"> |
| 80 | <rect x="0" y="660" width="1280" height="1" fill="#2D3348" fill-opacity="0.5" /> |
| 81 | <text x="60" y="692" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#6B7280">Anthropic Engineering</text> |
| 82 | <text x="1220" y="692" text-anchor="end" font-family="'Helvetica Neue', Arial, sans-serif" font-size="14" fill="#6B7280">December 2024</text> |
| 83 | </g> |
| 84 | </svg> |