lighthouse-storm
rendered
the brief, redacted

Draw a lighthouse on a rocky outcrop during a storm, as a single self-contained SVG. Tests composition, layering, and whether a model can suggest weather without raster effects.

338 chars · 53 words · fingerprint 0b46c0c31095

raw output — byte exact

<svg viewBox="0 0 1000 700" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <pattern id="r1" width="150" height="150" patternUnits="userSpaceOnUse" patternTransform="rotate(-35)">
      <line x1="30" y1="0" x2="30" y2="150" stroke="#FFFFFF" stroke-width="2" stroke-dasharray="30 120"/>
      <line x1="90" y1="0" x2="90" y2="150" stroke="#FFFFFF" stroke-width="1.5" stroke-dasharray="15 135"/>
    </pattern>
    <pattern id="r2" width="80" height="80" patternUnits="userSpaceOnUse" patternTransform="rotate(-35)">
      <line x1="20" y1="0" x2="20" y2="80" stroke="#3A506B" stroke-width="2" stroke-dasharray="20 60"/>
      <line x1="60" y1="0" x2="60" y2="80" stroke="#3A506B" stroke-width="1" stroke-dasharray="10 70"/>
    </pattern>
    <pattern id="r3" width="40" height="40" patternUnits="userSpaceOnUse" patternTransform="rotate(-35)">
      <line x1="10" y1="0" x2="10" y2="40" stroke="#1C2541" stroke-width="2" stroke-dasharray="8 32"/>
      <line x1="30" y1="0" x2="30" y2="40" stroke="#1C2541" stroke-width="1" stroke-dasharray="4 36"/>
    </pattern>
  </defs>

  <rect width="1000" height="700" fill="#0B132B"/>

  <path d="M -50,50 L 300,80 L 800,20 L 1050,100 L 1050,250 L 600,150 L 300,100 L -50,250 Z" fill="#1C2541"/>
  <path d="M 400,-50 L 600,100 L 1050,50 L 1050,-50 Z" fill="#3A506B"/>
  <path d="M -50,150 L 200,120 L 500,180 L 100,280 Z" fill="#3A506B"/>

  <rect width="1000" height="700" fill="url(#r3)"/>

  <path d="M 850,-10 L 820,100 L 860,110 L 780,250 L 810,260 L 730,380 L 720,380 L 800,250 L 770,240 L 840,100 L 800,90 L 830,-10 Z" fill="#FFFFFF"/>

  <polygon points="235,102 1000,-100 1000,0" fill="#FFD700"/>
  <polygon points="235,102 1000,50 1000,150" fill="#FFD700"/>
  <polygon points="235,102 1000,200 1000,280" fill="#FFD700"/>
  <polygon points="235,102 1000,320 1000,360" fill="#FFD700"/>
  <polygon points="205,102 0,0 0,50" fill="#FFD700"/>
  <polygon points="205,102 0,100 0,140" fill="#FFD700"/>
  <polygon points="205,102 180,95 180,110" fill="#FFD700"/>

  <path d="M 0,480 L 100,490 L 150,470 L 250,500 L 350,460 L 450,510 L 550,450 L 650,500 L 750,440 L 850,520 L 950,470 L 1000,500 L 1000,700 L 0,700 Z" fill="#1C2541"/>
  <polygon points="150,470 140,485 160,485" fill="#FFFFFF"/>
  <polygon points="350,460 330,475 370,470" fill="#FFFFFF"/>
  <polygon points="550,450 530,465 570,465" fill="#FFFFFF"/>
  <polygon points="750,440 730,455 770,455" fill="#FFFFFF"/>

  <rect width="1000" height="700" fill="url(#r2)"/>

  <path d="M 0,530 L 120,550 L 200,510 L 300,560 L 400,520 L 520,580 L 600,530 L 720,590 L 800,540 L 900,600 L 1000,560 L 1000,700 L 0,700 Z" fill="#3A506B"/>
  <polygon points="200,510 180,530 220,525" fill="#FFFFFF"/>
  <polygon points="400,520 380,540 420,535" fill="#FFFFFF"/>
  <polygon points="600,530 570,550 620,545" fill="#FFFFFF"/>
  <polygon points="800,540 770,560 820,555" fill="#FFFFFF"/>

  <path d="M 0,600 L 150,630 L 250,580 L 400,650 L 500,590 L 650,670 L 800,610 L 950,680 L 1000,650 L 1000,700 L 0,700 Z" fill="#0B132B"/>
  <path d="M 150,630 L 130,645 M 250,580 L 230,595 M 400,650 L 370,660 M 650,670 L 620,685 M 800,610 L 770,625" stroke="#3A506B" stroke-width="3" fill="none"/>

  <path d="M 800,700 L 850,600 L 920,620 L 980,500 L 1000,500 L 1000,700 Z" fill="#0B132B"/>
  <polygon points="850,600 900,640 860,700" fill="#1C2541"/>
  <polygon points="920,620 980,500 960,650" fill="#3A506B"/>

  <path d="M 0,350 L 80,340 L 120,370 L 170,360 L 230,375 L 280,390 L 320,440 L 380,550 L 420,620 L 400,700 L 0,700 Z" fill="#0B132B"/>
  <polygon points="80,340 100,380 50,400" fill="#3A506B"/>
  <polygon points="170,360 210,380 180,450 140,430" fill="#1C2541"/>
  <polygon points="230,375 270,410 240,480" fill="#3A506B"/>
  <polygon points="320,440 360,500 300,550" fill="#1C2541"/>
  <polygon points="100,450 150,470 120,530" fill="#3A506B"/>
  <polygon points="200,500 250,520 180,600" fill="#1C2541"/>
  <polygon points="280,550 330,590 260,650" fill="#3A506B"/>
  
  <polygon points="240,410 260,390 270,415 250,420" fill="#FFD700"/>
  <polygon points="280,390 300,410 290,430" fill="#FFD700"/>

  <rect x="170" y="380" width="100" height="15" fill="#1C2541"/>
  <polygon points="160,410 280,410 270,395 170,395" fill="#3A506B"/>

  <polygon points="180,380 260,380 255,322.5 185,322.5" fill="#FFFFFF"/>
  <polygon points="185,322.5 255,322.5 250,265 190,265" fill="#FF3366"/>
  <polygon points="190,265 250,265 245,207.5 195,207.5" fill="#FFFFFF"/>
  <polygon points="195,207.5 245,207.5 240,150 200,150" fill="#FF3366"/>

  <path d="M 215,380 L 215,350 Q 220,345 225,350 L 225,380 Z" fill="#1C2541"/>
  <rect x="218" y="290" width="4" height="8" fill="#1C2541"/>
  <rect x="218" y="230" width="4" height="8" fill="#1C2541"/>

  <rect x="185" y="145" width="70" height="5" fill="#1C2541"/>
  <rect x="195" y="130" width="50" height="15" fill="#FFFFFF"/>
  <rect x="190" y="125" width="60" height="5" fill="#1C2541"/>

  <polygon points="200,125 240,125 235,80 205,80" fill="#FFD700"/>
  <polygon points="215,115 225,115 225,90 215,90" fill="#FFFFFF"/>

  <line x1="210" y1="125" x2="212" y2="80" stroke="#1C2541" stroke-width="2"/>
  <line x1="220" y1="125" x2="220" y2="80" stroke="#1C2541" stroke-width="2"/>
  <line x1="230" y1="125" x2="228" y2="80" stroke="#1C2541" stroke-width="2"/>

  <rect x="195" y="75" width="50" height="5" fill="#1C2541"/>
  <path d="M 195 75 Q 220 30 245 75 Z" fill="#1C2541"/>
  <rect x="218" y="20" width="4" height="55" fill="#1C2541"/>
  <polygon points="216,15 224,15 224,20 216,20" fill="#1C2541"/>

  <polygon points="350,560 300,420 320,490 350,400 360,480 410,440 380,560" fill="#3A506B"/>
  <polygon points="340,550 280,400 310,480 330,380 340,470 380,420 360,550" fill="#FFFFFF"/>

  <path d="M 300,345 L 305,350 L 300,355 L 295,350 Z M 330,315 L 335,320 L 330,325 L 325,320 Z M 315,275 L 320,280 L 315,285 L 310,280 Z M 360,335 L 366,340 L 360,346 L 354,340 Z M 380,365 L 385,370 L 380,375 L 375,370 Z M 270,355 L 275,360 L 270,365 L 265,360 Z" fill="#FFFFFF"/>
  <path d="M 310,325 L 315,330 L 310,335 L 305,330 Z M 340,355 L 345,360 L 340,365 L 335,360 Z M 350,295 L 355,300 L 350,305 L 345,300 Z" fill="#3A506B"/>

  <path d="M 320,440 L 300,500 L 310,550" fill="none" stroke="#FFFFFF" stroke-width="2"/>
  <path d="M 280,390 L 260,450 L 270,500" fill="none" stroke="#FFFFFF" stroke-width="2"/>

  <rect width="1000" height="700" fill="url(#r1)"/>
</svg>

request envelope — prompt redacted

{
  "model": "google/gemini-3.1-pro-preview",
  "system": "Respond with a single complete <svg> element and nothing else. No markdown fences, no explanation. Include an explicit viewBox. Do not reference external fonts, images, or stylesheets — the SVG must be fully self-contained.",
  "messages": [
    {
      "role": "user",
      "content": "«REDACTED — 58 words, 338 chars»"
    }
  ],
  "maxOutputTokens": 32000,
  "gatewayStringId": "46969d2a-0148-4454-b6aa-023c181af8a7"
}