Opus 5.5
Hostedvia Claude CodeOpenRouter
Show the code the model wroteHide the code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 600" width="900" height="600"
role="img" aria-label="A pelican in a red scarf riding a motorcycle, leaning into the wind">
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#8ed2ea"/>
<stop offset="0.62" stop-color="#cbeaf6"/>
<stop offset="1" stop-color="#edf7fa"/>
</linearGradient>
<radialGradient id="sunGlow">
<stop offset="0.42" stop-color="#ffe9a8" stop-opacity="0.85"/>
<stop offset="1" stop-color="#ffe9a8" stop-opacity="0"/>
</radialGradient>
<!-- light falls from the upper right: plumage is bright toward the head and chest -->
<radialGradient id="plume" cx="0.70" cy="0.22" r="0.95">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="0.55" stop-color="#f7f9fc"/>
<stop offset="1" stop-color="#d7dee9"/>
</radialGradient>
<linearGradient id="bill" x1="0.1" y1="0" x2="0.3" y2="1">
<stop offset="0" stop-color="#ffe089"/>
<stop offset="1" stop-color="#f6b845"/>
</linearGradient>
<linearGradient id="pouchG" x1="0.3" y1="0" x2="0.5" y2="1">
<stop offset="0" stop-color="#f9a94c"/>
<stop offset="1" stop-color="#d96a24"/>
</linearGradient>
<linearGradient id="tankG" x1="0.15" y1="0" x2="0.45" y2="1">
<stop offset="0" stop-color="#f4704f"/>
<stop offset="1" stop-color="#c0331e"/>
</linearGradient>
<linearGradient id="chrome" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#f4f7fa"/>
<stop offset="0.5" stop-color="#c2cbd5"/>
<stop offset="1" stop-color="#8c97a4"/>
</linearGradient>
<linearGradient id="footG" x1="0" y1="0" x2="0.2" y2="1">
<stop offset="0" stop-color="#ffb055"/>
<stop offset="1" stop-color="#df7a1c"/>
</linearGradient>
</defs>
<!-- ============================ SKY ============================ -->
<rect width="900" height="600" fill="url(#sky)"/>
<circle cx="774" cy="96" r="88" fill="url(#sunGlow)"/>
<circle cx="774" cy="96" r="42" fill="#ffd75f"/>
<circle cx="774" cy="96" r="42" fill="none" stroke="#ffc231" stroke-width="3" opacity="0.55"/>
<g fill="#ffffff" opacity="0.8">
<ellipse cx="172" cy="152" rx="74" ry="19"/>
<circle cx="140" cy="142" r="26"/>
<circle cx="176" cy="130" r="34"/>
<circle cx="212" cy="143" r="24"/>
</g>
<g fill="#ffffff" opacity="0.6">
<ellipse cx="366" cy="84" rx="50" ry="13"/>
<circle cx="346" cy="78" r="18"/>
<circle cx="372" cy="70" r="23"/>
</g>
<!-- ============================ GROUND ============================ -->
<rect x="0" y="520" width="900" height="80" fill="#e3d5b0"/>
<rect x="0" y="520" width="900" height="8" fill="#c3b085"/>
<g stroke="#c3b085" stroke-width="4" stroke-linecap="round" opacity="0.75">
<path d="M60,548 H128"/><path d="M196,566 H286"/><path d="M336,542 H392"/>
<path d="M470,572 H556"/><path d="M604,546 H664"/><path d="M742,566 H828"/>
<path d="M28,584 H96"/><path d="M700,586 H760"/>
</g>
<!-- ==================== MOTION: SPEED LINES ==================== -->
<g stroke-linecap="round" fill="none">
<g stroke="#ffffff" opacity="0.85">
<path d="M52,268 H196" stroke-width="7"/>
<path d="M96,318 H236" stroke-width="9"/>
<path d="M36,372 H188" stroke-width="6"/>
<path d="M110,414 H246" stroke-width="8"/>
<path d="M62,462 H206" stroke-width="6"/>
<path d="M140,498 H238" stroke-width="7"/>
</g>
<g stroke="#79bcd6" opacity="0.5">
<path d="M156,292 H248" stroke-width="5"/>
<path d="M170,344 H258" stroke-width="4"/>
<path d="M184,440 H252" stroke-width="5"/>
</g>
<!-- arcs thrown off the rear wheel -->
<g stroke="#ffffff" opacity="0.6" stroke-width="5">
<path d="M212,392 A 92,92 0 0 0 206,520"/>
<path d="M186,404 A 116,116 0 0 0 178,516"/>
</g>
</g>
<g fill="#efe4c6" opacity="0.8">
<circle cx="236" cy="506" r="13"/><circle cx="204" cy="514" r="9"/>
<circle cx="176" cy="502" r="7"/><circle cx="258" cy="514" r="7"/>
</g>
<!-- contact shadow so nothing floats -->
<ellipse cx="470" cy="524" rx="240" ry="15" fill="#8a7a52" opacity="0.32"/>
<ellipse cx="645" cy="522" rx="62" ry="10" fill="#8a7a52" opacity="0.22"/>
<ellipse cx="295" cy="524" rx="54" ry="10" fill="#8a7a52" opacity="0.22"/>
<!-- ============================ MOTORCYCLE ============================ -->
<g id="bike">
<!-- rear wheel: small and fat -->
<g>
<circle cx="295" cy="458" r="53" fill="none" stroke="#23272f" stroke-width="18"/>
<circle cx="295" cy="458" r="62" fill="none" stroke="#12151b" stroke-width="3.5"
stroke-dasharray="7 11" opacity="0.55"/>
<circle cx="295" cy="458" r="44" fill="#e7ebf0" stroke="#98a2ad" stroke-width="2.5"/>
<g transform="translate(295,458)" stroke="#aab3bd" stroke-width="3.5" stroke-linecap="round">
<path d="M0,-12 V-42"/><path d="M0,-12 V-42" transform="rotate(45)"/>
<path d="M0,-12 V-42" transform="rotate(90)"/><path d="M0,-12 V-42" transform="rotate(135)"/>
<path d="M0,-12 V-42" transform="rotate(180)"/><path d="M0,-12 V-42" transform="rotate(225)"/>
<path d="M0,-12 V-42" transform="rotate(270)"/><path d="M0,-12 V-42" transform="rotate(315)"/>
</g>
<circle cx="295" cy="458" r="12" fill="#6d7681" stroke="#2c323b" stroke-width="2.5"/>
<circle cx="292" cy="455" r="5" fill="#cdd5dd"/>
</g>
<!-- rear fender + tail light -->
<path d="M231,448 A 66,66 0 0 1 318,393" fill="none" stroke="#2c323b" stroke-width="15" stroke-linecap="round"/>
<path d="M234,440 A 58,58 0 0 1 310,390" fill="none" stroke="#3e4653" stroke-width="4" opacity="0.7"/>
<path d="M228,452 l-16,-6 a 7,7 0 0 1 4,-13 l 16,4 z" fill="#d93f2c" stroke="#7d2416" stroke-width="2.5"/>
<!-- front wheel: big and slim -->
<g>
<circle cx="645" cy="442" r="71" fill="none" stroke="#23272f" stroke-width="14"/>
<circle cx="645" cy="442" r="78" fill="none" stroke="#12151b" stroke-width="3.5"
stroke-dasharray="7 12" opacity="0.55"/>
<circle cx="645" cy="442" r="62" fill="#e7ebf0" stroke="#98a2ad" stroke-width="2.5"/>
<g transform="translate(645,442)" stroke="#aab3bd" stroke-width="3.5" stroke-linecap="round">
<path d="M0,-12 V-60"/><path d="M0,-12 V-60" transform="rotate(45)"/>
<path d="M0,-12 V-60" transform="rotate(90)"/><path d="M0,-12 V-60" transform="rotate(135)"/>
<path d="M0,-12 V-60" transform="rotate(180)"/><path d="M0,-12 V-60" transform="rotate(225)"/>
<path d="M0,-12 V-60" transform="rotate(270)"/><path d="M0,-12 V-60" transform="rotate(315)"/>
</g>
<circle cx="645" cy="442" r="12" fill="#6d7681" stroke="#2c323b" stroke-width="2.5"/>
<circle cx="642" cy="439" r="5" fill="#cdd5dd"/>
</g>
<!-- front fender -->
<path d="M572,400 A 84,84 0 0 1 718,400" fill="none" stroke="#c0331e" stroke-width="15" stroke-linecap="round"/>
<path d="M578,392 A 78,78 0 0 1 712,392" fill="none" stroke="#f4704f" stroke-width="4" opacity="0.85"/>
<!-- swingarm, chain, shock absorber -->
<path d="M295,458 L432,436" stroke="#3a4150" stroke-width="15" stroke-linecap="round"/>
<circle cx="295" cy="458" r="22" fill="#7d8792" stroke="#2c323b" stroke-width="2.5"/>
<circle cx="432" cy="436" r="13" fill="#7d8792" stroke="#2c323b" stroke-width="2.5"/>
<g stroke="#59616d" stroke-width="3.5" fill="none" stroke-dasharray="5 4">
<path d="M296,436 L433,423"/>
<path d="M296,480 L433,449"/>
</g>
<path d="M424,432 L366,376" stroke="#5c6673" stroke-width="9" stroke-linecap="round"/>
<path d="M419,427 l9,-9 m-3,16 l9,-9 m-3,16 l9,-9 m-3,16 l9,-9 m-3,16 l9,-9"
stroke="#c2cbd5" stroke-width="3.5" fill="none" stroke-linecap="round"/>
<!-- frame -->
<g stroke="#2c323b" stroke-width="12" fill="none" stroke-linecap="round">
<path d="M596,310 L470,356 L322,386"/>
<path d="M596,314 C556,352 516,382 466,440"/>
<path d="M466,440 L432,436"/>
<path d="M326,386 L297,456"/>
</g>
<!-- exhaust header, tucked in behind the crankcase -->
<path d="M516,404 C522,440 492,462 448,468 L404,470" fill="none" stroke="#6f7984" stroke-width="15" stroke-linecap="round"/>
<path d="M516,404 C522,440 492,462 448,468 L404,470" fill="none" stroke="url(#chrome)" stroke-width="9" stroke-linecap="round"/>
<!-- engine -->
<g>
<rect x="442" y="392" width="92" height="62" rx="12" fill="#68717d" stroke="#2c323b" stroke-width="4"/>
<path d="M470,392 L486,342 L544,350 L534,398 Z" fill="#7c8794" stroke="#2c323b" stroke-width="4"/>
<path d="M484,340 L548,348" stroke="#2c323b" stroke-width="10" stroke-linecap="round"/>
<g stroke="#3f4753" stroke-width="3" opacity="0.8">
<path d="M474,376 L540,383"/><path d="M477,364 L542,371"/><path d="M480,352 L545,359"/>
</g>
<g stroke="#4d5665" stroke-width="3" opacity="0.7">
<path d="M452,412 H524"/><path d="M452,426 H524"/>
</g>
<circle cx="494" cy="438" r="9" fill="#96a1ad" stroke="#2c323b" stroke-width="2.5"/>
</g>
<!-- muffler -->
<path d="M394,470 L258,452" fill="none" stroke="#5f6874" stroke-width="26" stroke-linecap="round"/>
<path d="M394,470 L258,452" fill="none" stroke="url(#chrome)" stroke-width="20" stroke-linecap="round"/>
<g stroke="#7d8792" stroke-width="3" stroke-linecap="round" opacity="0.9">
<path d="M312,447 l-3,16"/><path d="M330,449 l-3,16"/><path d="M348,452 l-3,16"/>
</g>
<ellipse cx="259" cy="452" rx="5" ry="11" fill="#2c323b" transform="rotate(7 259 452)"/>
<!-- fuel tank -->
<path d="M478,360 C486,330 528,314 578,316 C592,322 596,338 590,354 C556,366 512,368 478,360 Z"
fill="url(#tankG)" stroke="#7d2416" stroke-width="4"/>
<path d="M492,334 C520,322 556,320 582,326" fill="none" stroke="#f9e2c4" stroke-width="7" stroke-linecap="round" opacity="0.9"/>
<path d="M496,346 C524,336 556,334 580,338" fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round" opacity="0.4"/>
<circle cx="556" cy="322" r="7" fill="#c2cbd5" stroke="#7d2416" stroke-width="2.5"/>
<!-- saddle: kicked-up solo seat, its tail visible behind the bird -->
<path d="M286,350 C298,340 330,336 358,334 L452,326 C472,324 478,340 466,350
C420,370 340,388 300,384 C286,382 280,364 286,350 Z"
fill="#4c3729" stroke="#241a13" stroke-width="4.5" stroke-linejoin="round"/>
<path d="M300,352 C330,344 396,336 448,332" fill="none" stroke="#7d5d43" stroke-width="5" stroke-linecap="round" opacity="0.9"/>
<path d="M292,372 C300,380 312,384 326,384" fill="none" stroke="#2f2219" stroke-width="4" stroke-linecap="round" opacity="0.6"/>
<g stroke="#9aa3ad" stroke-width="3.5" fill="none" stroke-linecap="round">
<path d="M298,384 l10,7 l-10,6 l10,6 l-10,6 l8,5"/>
<path d="M326,386 l10,7 l-10,6 l10,6 l-10,6 l8,5"/>
</g>
<!-- forks and headlight -->
<path d="M588,308 L638,440" stroke="#2c323b" stroke-width="15" stroke-linecap="round"/>
<path d="M588,308 L638,440" stroke="url(#chrome)" stroke-width="9" stroke-linecap="round"/>
<path d="M604,310 L654,442" stroke="#2c323b" stroke-width="15" stroke-linecap="round"/>
<path d="M604,310 L654,442" stroke="url(#chrome)" stroke-width="9" stroke-linecap="round"/>
<path d="M580,304 L612,316" stroke="#2c323b" stroke-width="16" stroke-linecap="round"/>
<circle cx="624" cy="336" r="30" fill="#ffe58f" stroke="#2c323b" stroke-width="5"/>
<circle cx="624" cy="336" r="19" fill="#fff6cf" opacity="0.9"/>
<ellipse cx="616" cy="327" rx="8" ry="5" fill="#ffffff" opacity="0.85" transform="rotate(-30 616 327)"/>
<!-- pulled-back handlebar: far bar stub, then the near bar the wingtips close on -->
<path d="M594,300 C582,292 572,288 564,286" fill="none" stroke="#4a5462" stroke-width="8" stroke-linecap="round"/>
<path d="M602,308 C570,290 534,288 482,298" fill="none" stroke="#2c323b" stroke-width="9" stroke-linecap="round"/>
<path d="M538,289 L486,298" stroke="#1c2027" stroke-width="16" stroke-linecap="round"/>
<g stroke="#4d5766" stroke-width="2.5" stroke-linecap="round">
<path d="M534,282 l2,14"/><path d="M524,283 l2,14"/>
</g>
<circle cx="482" cy="298" r="7.5" fill="#9aa5b1" stroke="#1c2027" stroke-width="2.5"/>
<!-- footpeg on a bracket off the crankcase -->
<path d="M500,450 L554,453" stroke="#1c2027" stroke-width="15" stroke-linecap="round"/>
<path d="M500,450 L554,453" stroke="url(#chrome)" stroke-width="9" stroke-linecap="round"/>
</g>
<!-- ============================ PELICAN ============================ -->
<!-- the whole bird is tipped forward about its own grip: tail up, weight over the bars -->
<g id="pelican" transform="rotate(4.5 520 300)">
<!-- far wing, just visible above the near one, reaching the far grip -->
<path d="M446,292 C472,284 496,278 514,274 L520,288 C498,294 472,304 452,314 Z"
fill="#bcc6d6" stroke="#2b303a" stroke-width="4" stroke-linejoin="round"/>
<path d="M496,279 C506,276 512,275 514,274 L520,288 C512,291 506,293 502,295 Z" fill="#454d5e"/>
<!-- short square tail, swept back -->
<path d="M306,288 C284,276 258,268 236,266
C242,276 246,286 246,296 C238,294 228,296 222,300
C232,308 238,318 240,328 C258,330 286,314 308,302 Z"
fill="#eef1f6" stroke="#2b303a" stroke-width="4.5" stroke-linejoin="round"/>
<path d="M222,300 C232,308 238,318 240,328 C256,330 278,320 296,310
C272,312 244,310 222,300 Z" fill="#ccd4e0" opacity="0.8"/>
<g stroke="#a8b3c4" stroke-width="3" fill="none" stroke-linecap="round">
<path d="M246,276 C266,286 288,294 304,296"/>
<path d="M240,302 C260,308 282,310 298,308"/>
</g>
<!-- near leg, drawn before the body so the thigh hides under the belly -->
<path d="M430,362 C456,392 472,406 492,414" fill="none" stroke="#2b303a" stroke-width="30" stroke-linecap="round"/>
<path d="M430,362 C456,392 472,406 492,414" fill="none" stroke="url(#footG)" stroke-width="22" stroke-linecap="round"/>
<!-- webbed foot: three toes with the web scalloped between them -->
<path d="M484,410 C512,404 536,408 550,416 C558,421 559,428 553,431
C560,436 559,443 551,445 C538,449 512,450 492,444
C482,440 480,418 484,410 Z"
fill="url(#footG)" stroke="#2b303a" stroke-width="4.5" stroke-linejoin="round"/>
<g stroke="#b8630f" stroke-width="3" fill="none" stroke-linecap="round">
<path d="M492,414 C512,418 534,422 550,427"/>
<path d="M489,428 C508,432 530,436 548,440"/>
</g>
<g fill="#8a4a12">
<path d="M556,421 l13,-2 l-11,8 z"/>
<path d="M556,436 l13,3 l-13,5 z"/>
</g>
<!-- plump body -->
<path d="M300,306 C320,264 380,248 432,264 C470,276 486,306 478,338
C468,372 430,392 386,392 C340,392 306,368 298,338 C294,326 296,314 300,306 Z"
fill="url(#plume)" stroke="#2b303a" stroke-width="5" stroke-linejoin="round"/>
<path d="M318,368 C346,390 396,396 440,378 C418,392 344,398 318,368 Z" fill="#b9c2d0" opacity="0.55"/>
<path d="M300,316 C300,352 322,380 360,390 C324,388 296,362 294,332 Z" fill="#c6cedc" opacity="0.5"/>
<g stroke="#d3dae5" stroke-width="3" fill="none" stroke-linecap="round">
<path d="M330,300 C346,286 368,278 392,278"/>
<path d="M322,322 C338,306 362,296 390,294"/>
</g>
<!-- scarf streamers flying back over the shoulders -->
<path d="M448,252 C400,240 352,234 306,242 C288,246 270,254 256,266
C280,258 302,254 326,256 C356,258 404,268 444,276 Z"
fill="#e0483a" stroke="#8d2418" stroke-width="3.5" stroke-linejoin="round"/>
<path d="M330,256 C360,258 404,268 444,276 L444,266 C404,258 362,250 330,250 Z" fill="#b8352a" opacity="0.75"/>
<path d="M446,244 C404,228 358,218 316,220 C298,221 282,226 268,234
C290,228 312,228 334,232 C372,238 414,250 444,260 Z"
fill="#ef5f45" stroke="#8d2418" stroke-width="3.5" stroke-linejoin="round"/>
<!-- neck: filled seamlessly, then only its two long edges stroked -->
<path d="M426,304 C426,246 444,192 484,162 L528,188 C502,210 488,250 482,308 Z" fill="url(#plume)"/>
<path d="M428,302 C430,250 448,200 482,170 C466,202 456,254 454,298 Z" fill="#c6cedc" opacity="0.5"/>
<g fill="none" stroke="#2b303a" stroke-width="5" stroke-linecap="round">
<path d="M426,304 C426,246 444,192 484,162"/>
<path d="M528,188 C502,210 488,250 482,308"/>
</g>
<!-- head -->
<ellipse cx="522" cy="158" rx="40" ry="35" transform="rotate(-8 522 158)"
fill="url(#plume)" stroke="#2b303a" stroke-width="5"/>
<!-- nape feathers ruffled by the wind (outer edge stroked only, so the head stays clean) -->
<path fill="#f2f5fa" d="M500,126 C484,120 470,130 480,139 C464,139 460,152 474,155
C462,162 470,173 483,172 C496,171 505,162 506,150 C507,138 505,131 500,126 Z"/>
<path fill="none" stroke="#2b303a" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"
d="M500,126 C484,120 470,130 480,139 C464,139 460,152 474,155 C462,162 470,173 483,172"/>
<!-- gular pouch, slung under the bill and tapering to the tip -->
<path d="M546,186 C520,212 512,240 530,256 C564,278 614,266 650,240
C680,218 704,202 718,194 C660,188 600,184 546,186 Z"
fill="url(#pouchG)" stroke="#a5561a" stroke-width="4.5" stroke-linejoin="round"/>
<path d="M544,190 C522,216 518,240 534,254 C556,268 584,266 610,256
C582,274 544,274 528,254 C514,236 526,208 544,190 Z" fill="#c1601f" opacity="0.5"/>
<g stroke="#c8752b" stroke-width="3" fill="none" stroke-linecap="round" opacity="0.85">
<path d="M546,222 C578,244 626,232 668,206"/>
<path d="M540,202 C574,218 630,212 692,196"/>
</g>
<!-- upper mandible, drawn over the pouch so the two never merge -->
<path d="M538,150 C604,152 672,166 730,182 C737,187 735,200 726,203
C722,200 720,198 717,197 C660,189 600,183 556,184 Z"
fill="url(#bill)" stroke="#a5561a" stroke-width="4.5" stroke-linejoin="round"/>
<path d="M550,161 C610,164 666,176 722,190" fill="none" stroke="#fff1c2" stroke-width="4.5" stroke-linecap="round" opacity="0.85"/>
<path d="M568,172 l10,1" stroke="#a5561a" stroke-width="4" stroke-linecap="round"/>
<!-- determined eye -->
<ellipse cx="528" cy="147" rx="11" ry="10" fill="#ffffff" stroke="#2b303a" stroke-width="3"/>
<circle cx="531" cy="148" r="5.5" fill="#1d222b"/>
<circle cx="528.5" cy="145" r="2" fill="#ffffff"/>
<path d="M514,130 L546,141" stroke="#2b303a" stroke-width="6.5" stroke-linecap="round"/>
<!-- scarf knot at the throat -->
<path d="M430,228 C450,244 474,252 498,246 L500,268 C474,274 448,264 428,248 Z"
fill="#e0483a" stroke="#8d2418" stroke-width="3.5" stroke-linejoin="round"/>
<path d="M470,258 C482,260 492,259 499,256 L500,268 C490,271 478,271 470,269 Z" fill="#b8352a" opacity="0.6"/>
<!-- near wing: forearm reaching the bar -->
<path d="M424,288 C456,282 484,282 504,288 C512,298 508,310 496,310
C474,310 452,330 436,352 C418,374 404,350 408,324 C412,302 416,292 424,288 Z"
fill="url(#plume)" stroke="#2b303a" stroke-width="5" stroke-linejoin="round"/>
<g stroke="#c6cedc" stroke-width="3" fill="none" stroke-linecap="round">
<path d="M428,304 C452,300 476,300 498,302"/>
<path d="M424,322 C448,316 470,314 490,316"/>
<path d="M424,340 C440,332 458,328 474,328"/>
</g>
<!-- black primaries closed around the grip -->
<path d="M490,280 C506,272 526,274 530,286 C534,300 524,312 508,312
C494,312 486,304 486,296 C486,288 487,283 490,280 Z"
fill="#3b4453" stroke="#2b303a" stroke-width="4" stroke-linejoin="round"/>
<g stroke="#59637a" stroke-width="3" fill="none" stroke-linecap="round">
<path d="M496,284 C506,280 518,280 524,284"/>
<path d="M494,296 C504,292 518,292 526,296"/>
</g>
<path d="M512,310 C522,312 530,308 532,300 C534,310 526,318 514,317 Z" fill="#2b303a"/>
</g>
</svg>One email when a new model lands on the board or the showcase. Unsubscribe anytime.