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

```xml
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 900" width="100%" height="100%">
  <defs>
    <style>
      .c-bg { fill: #0a1128; }
      .c-dblue { fill: #1c2d42; }
      .c-mblue { fill: #3b4e68; }
      .c-lblue { fill: #94a3b8; }
      .c-white { fill: #f8fafc; }
      .c-yellow { fill: #fde047; }
      
      .s-dblue { stroke: #1c2d42; fill: none; }
      .s-mblue { stroke: #3b4e68; fill: none; }
      .s-lblue { stroke: #94a3b8; fill: none; }
      .s-white { stroke: #f8fafc; fill: none; }
      .s-yellow { stroke: #fde047; fill: none; }
    </style>
  </defs>

  <!-- Background Sky -->
  <rect class="c-bg" x="0" y="0" width="1200" height="900"/>

  <!-- Background Storm Clouds (Wind-swept layered shapes) -->
  <path class="c-dblue" d="M0,0 L1200,0 L1200,380 Q1050,320 900,380 T500,300 Q300,360 0,220 Z"/>
  <path class="c-mblue" opacity="0.5" d="M0,0 L800,0 Q650,180 450,120 T0,280 Z"/>
  <path class="c-dblue" d="M300,0 L1200,0 L1200,220 Q1000,120 750,200 Q550,280 300,0 Z"/>

  <!-- Cloud Highlights & Gust Lines in Sky -->
  <path class="s-lblue" stroke-width="3" opacity="0.4" d="M-50,180 Q200,120 450,220 T950,160 Q1100,200 1250,120"/>
  <path class="s-lblue" stroke-width="2" opacity="0.3" d="M100,80 Q350,30 600,110 T1100,70"/>
  <path class="s-mblue" stroke-width="4" opacity="0.6" d="M-20,320 Q250,260 500,350 T1000,290"/>

  <!-- Far Distant Horizon Wave Silhouette -->
  <path class="c-dblue" d="M0,530 Q180,510 350,535 T700,520 Q900,535 1200,500 L1200,900 L0,900 Z"/>

  <!-- LIGHTHOUSE BEAM (Back Layer - Atmospheric Glow Behind Tower) -->
  <polygon class="c-yellow" opacity="0.08" points="805,248 -50,50 -50,550"/>
  <polygon class="c-yellow" opacity="0.15" points="805,248 -50,120 -50,420"/>
  <polygon class="c-white" opacity="0.25" points="805,248 -50,200 -50,320"/>
  <polygon class="c-yellow" opacity="0.1" points="805,248 1250,280 1250,380"/>

  <!-- Primary Light Beam Sharp Vectors -->
  <path class="c-yellow" opacity="0.35" d="M805,248 L-50,160 L-50,330 Z"/>
  <path class="c-white" opacity="0.6" d="M805,248 L-50,210 L-50,260 Z"/>

  <!-- Beam Dust/Rain Highlights (Volume Lines cutting through beam) -->
  <line class="s-white" stroke-width="2" opacity="0.6" x1="750" y1="244" x2="-10" y2="170"/>
  <line class="s-white" stroke-width="1.5" opacity="0.5" x1="780" y1="252" x2="-30" y2="300"/>
  <line class="s-yellow" stroke-width="3" opacity="0.4" x1="600" y1="225" x2="100" y2="175"/>

  <!-- Rocky Outcrop (Base Ground) -->
  <!-- Dark Base Mass -->
  <path class="c-bg" d="M580,900 L620,710 L670,660 L730,620 L800,590 L880,580 L960,610 L1080,670 L1150,750 L1200,900 Z"/>
  <!-- Rock Structure Layers & Facets -->
  <path class="c-dblue" d="M620,710 L710,640 L760,700 L680,780 L590,900 Z"/>
  <path class="c-mblue" d="M730,620 L800,590 L830,650 L760,700 L710,640 Z"/>
  <path class="c-dblue" d="M800,590 L880,580 L910,640 L830,650 Z"/>
  <path class="c-mblue" d="M880,580 L960,610 L980,680 L910,640 Z"/>
  <path class="c-dblue" d="M960,610 L1080,670 L1060,760 L980,680 Z"/>
  <!-- Craggy Rock Highlights (Storm Light Catching Edges) -->
  <path class="s-lblue" stroke-width="3" stroke-linecap="round" d="M620,710 L670,660 L730,620 L800,590 L880,580 L960,610 L1080,670"/>
  <path class="s-lblue" stroke-width="1.5" d="M710,640 L760,700 M830,650 L910,640 M760,700 L880,820"/>
  <path class="s-mblue" stroke-width="2" d="M670,660 L710,750 M800,590 L820,680 M960,610 L970,720"/>

  <!-- LIGHTHOUSE STRUCTURE -->
  <g id="lighthouse">
    <!-- Foundation Block -->
    <polygon class="c-dblue" points="765,590 855,590 860,570 760,570"/>
    <polygon class="c-mblue" points="760,570 860,570 855,560 765,560"/>

    <!-- Main Tower Body (Tapered) -->
    <!-- Base Dark Side (Shadow/Right) -->
    <polygon class="c-mblue" points="765,560 855,560 840,320 780,320"/>
    <!-- Light Side / Pattern (Left & Bands) -->
    <!-- White Band 1 (Bottom) -->
    <polygon class="c-white" points="765,560 855,560 850,510 770,510"/>
    <!-- Red/Dark Band 1 -->
    <polygon class="c-mblue" points="770,510 850,510 845,460 775,460"/>
    <!-- White Band 2 -->
    <polygon class="c-white" points="775,460 845,460 840,410 780,410"/>
    <!-- Red/Dark Band 2 -->
    <polygon class="c-mblue" points="780,410 840,410 835,360 785,360"/>
    <!-- White Band 3 (Top) -->
    <polygon class="c-white" points="785,360 835,360 830,320 790,320"/>

    <!-- Structural Shadow Overlay (Right side shading) -->
    <polygon class="c-dblue" opacity="0.4" points="810,560 855,560 830,320 810,320"/>

    <!-- Tower Left-Edge Highlight (Storm-lit Edge) -->
    <line class="s-white" stroke-width="2" x1="765" y1="560" x2="790" y2="320"/>

    <!-- Gallery / Balcony Platform -->
    <rect class="c-dblue" x="775" y="312" width="70" height="8" rx="2"/>
    <polygon class="c-mblue" points="780,320 840,320 845,325 775,325"/>
    <!-- Balcony Railing -->
    <path class="s-white" stroke-width="1.5" d="M777,312 L777,304 L843,304 L843,312 M790,304 L790,312 M803,304 L803,312 M817,304 L817,312 M830,304 L830,312"/>

    <!-- Lantern Room (Glass Housing) -->
    <rect class="c-dblue" x="783" y="260" width="54" height="44"/>
    <!-- Inner Glowing Light Source -->
    <rect class="c-yellow" x="787" y="264" width="46" height="36"/>
    <ellipse class="c-white" cx="805" cy="280" rx="14" ry="16"/>
    <!-- Lantern Glass Mullions / Frame -->
    <path class="s-dblue" stroke-width="2" d="M783,260 L837,260 M783,304 L837,304 M796,260 L796,304 M810,260 L810,304 M824,260 L824,304 M783,282 L837,282"/>

    <!-- Tower Roof / Dome -->
    <path class="c-dblue" d="M780,260 Q810,225 840,260 Z"/>
    <path class="c-mblue" d="M780,260 Q810,225 810,260 Z"/>
    <!-- Roof Spire / Lightning Rod -->
    <line class="s-white" stroke-width="2" x1="810" y1="230" x2="810" y2="215"/>
    <circle class="c-yellow" cx="810" cy="214" r="2"/>
  </g>

  <!-- LIGHTHOUSE BEAM (Foreground Layer - Overlaps Tower Edge Slightly) -->
  <polygon class="c-white" opacity="0.4" points="800,270 780,282 -50,260 -50,220"/>
  <circle class="c-yellow" opacity="0.8" cx="802" cy="278" r="12"/>
  <circle class="c-white" cx="802" cy="278" r="6"/>

  <!-- Dynamic Waves & Ocean Surface (Middle & Foreground) -->

  <!-- Mid-distance Rough Seas -->
  <path class="c-dblue" d="M0,620 Q120,580 250,610 T500,590 Q620,630 750,580 L750,660 Q550,640 350,670 T0,660 Z"/>
  <path class="c-mblue" d="M180,600 Q280,560 400,590 T650,570 L600,630 Q450,600 280,630 Z"/>

  <!-- Wave Crest Highlights (Midground) -->
  <path class="s-lblue" stroke-width="3" fill="none" d="M0,620 Q120,580 250,610 M380,595 Q480,565 600,585 M700,575 Q800,550 920,570"/>

  <!-- Massive Crashing Foreground Wave (Left to Center) -->
  <path class="c-dblue" d="M-50,850 Q100,720 280,710 Q450,700 580,780 Q650,680 740,660 Q800,650 880,700 L950,950 L-50,950 Z"/>
  
  <path class="c-mblue" d="M-50,900 Q80,780 220,770 Q380,760 520,850 Q600,740 710,720 Q820,700 950,820 L1000,950 L-50,950 Z"/>

  <!-- Main Wave Sculpted Curves & Rollover -->
  <path class="c-mblue" d="M100,730 Q220,640 380,670 Q480,690 560,760 Q500,710 380,710 Q240,710 100,730 Z"/>
  <path class="s-white" stroke-width="4" stroke-linecap="round" d="M120,725 Q240,645 380,675 Q460,690 540,750"/>
  <path class="s-lblue" stroke-width="2" d="M140,740 Q250,670 370,690"/>

  <!-- Violent Spray & Foam Smashing Against Rocks (Right Side Base) -->
  <!-- Crashing Wave Plume at Rock Base -->
  <path class="c-lblue" opacity="0.8" d="M550,780 Q580,650 630,600 Q660,570 690,620 Q710,550 750,530 Q780,580 800,640 Q720,630 650,690 Z"/>
  <path class="c-white" d="M560,770 Q590,660 630,620 Q650,600 670,630 Q690,560 730,545 Q750,580 770,630 Q710,610 640,680 Z"/>
  
  <!-- Foam Hooks and Splashes -->
  <path class="s-white" stroke-width="3" stroke-linecap="round" d="M630,600 Q610,540 570,520 M650,580 Q660,510 620,480 M720,540 Q730,470 680,440 M750,550 Q780,490 740,460 M780,590 Q820,540 850,550"/>
  
  <path class="s-lblue" stroke-width="2" stroke-linecap="round" d="M620,610 Q590,550 550,540 M670,560 Q670,500 640,470 M730,520 Q750,450 700,430 M770,570 Q820,510 840,520"/>

  <!-- Water Surface Foam Trails & Wind Streaks -->
  <path class="s-lblue" stroke-width="2" opacity="0.7" d="M-20,820 Q120,780 280,820 M150,870 Q350,810 500,880 M650,820 Q800,770 950,810"/>
  <path class="s-white" stroke-width="1.5" opacity="0.8" d="M30,840 Q150,810 250,830 M220,890 Q400,840 550,900 M700,850 Q820,810 920,840"/>

  <!-- STORM ELEMENTS: WIND LINES & SLANTING RAIN -->

  <!-- Wind Gust Ribbons (Curved speed-lines) -->
  <g opacity="0.4">
    <path class="s-lblue" stroke-width="1.5" d="M-50,400 Q300,320 650,450 T1250,350"/>
    <path class="s-white" stroke-width="1" d="M100,250 Q450,180 800,310 T1250,220"/>
    <path class="s-lblue" stroke-width="2" d="M-50,600 Q200,500 550,620 T1250,480"/>
  </g>

  <!-- Heavy Rain (Slanted Layer 1 - Darker/Background) -->
  <g class="s-mblue" stroke-width="1" opacity="0.4" stroke-linecap="round">
    <line x1="100" y1="-20" x2="20" y2="180"/> <line x1="250" y1="-20" x2="170" y2="180"/>
    <line x1="400" y1="-20" x2="320" y2="180"/> <line x1="550" y1="-20" x2="470" y2="180"/>
    <line x1="700" y1="-20" x2="620" y2="180"/> <line x1="850" y1="-20" x2="770" y2="180"/>
    <line x1="1000" y1="-20" x2="920" y2="180"/> <line x1="1150" y1="-20" x2="1070" y2="180"/>
    
    <line x1="60" y1="250" x2="-20" y2="450"/> <line x1="210" y1="250" x2="130" y2="450"/>
    <line x1="360" y1="250" x2="280" y2="450"/> <line x1="510" y1="250" x2="430" y2="450"/>
    <line x1="660" y1="250" x2="580" y2="450"/> <line x1="810" y1="250" x2="730" y2="450"/>
    <line x1="960" y1="250" x2="880" y2="450"/> <line x1="1110" y1="250" x2="1030" y2="450"/>

    <line x1="120" y1="520" x2="40" y2="720"/> <line x1="270" y1="520" x2="190" y2="720"/>
    <line x1="420" y1="520" x2="340" y2="720"/> <line x1="570" y1="520" x2="490" y2="720"/>
    <line x1="720" y1="520" x2="640" y2="720"/> <line x1="870" y1="520" x2="790" y2="720"/>
    <line x1="1020" y1="520" x2="940" y2="720"/> <line x1="1170" y1="520" x2="1090" y2="720"/>
  </g>

  <!-- Intense Rain (Slanted Layer 2 - Foreground / Bright Streaks) -->
  <g class="s-lblue" stroke-width="1.5" opacity="0.6" stroke-linecap="round">
    <line x1="170" y1="30" x2="80" y2="230"/> <line x1="320" y1="10" x2="230" y2="210"/>
    <line x1="470" y1="40" x2="380" y2="240"/> <line x1="620" y1="20" x2="530" y2="220"/>
    <line x1="770" y1="50" x2="680" y2="250"/> <line x1="920" y1="10" x2="830" y2="210"/>
    <line x1="1070" y1="30" x2="980" y2="230"/>

    <line x1="90" y1="310" x2="0" y2="510"/> <line x1="240" y1="290" x2="150" y2="490"/>
    <line x1="390" y1="320" x2="300" y2="520"/> <line x1="540" y1="280" x2="450" y2="480"/>
    <line x1="690" y1="300" x2="600" y2="500"/> <line x1="840" y1="330" x2="750" y2="530"/>
    <line x1="990" y1="290" x2="900" y2="490"/> <line x1="1140" y1="310" x2="1050" y2="510"/>

    <line x1="50" y1="600" x2="-40" y2="800"/> <line x1="200" y1="580" x2="110" y2="780"/>
    <line x1="350" y1="610" x2="260" y2="810"/> <line x1="500" y1="590" x2="410" y2="790"/>
    <line x1="650" y1="620" x2="560" y2="820"/> <line x1="800" y1="580" x2="710" y2="780"/>
    <line x1="950" y1="600" x2="860" y2="800"/> <line x1="1100" y1="610" x2="1010" y2="810"/>
  </g>

  <!-- Illuminated Rain Highlights (Passing Directly Through Light Beam) -->
  <g class="s-white" stroke-width="2" opacity="0.85" stroke-linecap="round">
    <line x1="500" y1="160" x2="430" y2="310"/>
    <line x1="380" y1="150" x2="310" y2="300"/>
    <line x1="260" y1="140" x2="190" y2="290"/>
    <line x1="140" y1="130" x2="70" y2="280"/>
    <line x1="620" y1="180" x2="550" y2="330"/>
    <line x1="740" y1="190" x2="670" y2="340"/>
  </g>

  <!-- Sea Spray Droplets in Air (Wind-blown dots) -->
  <g class="c-white" opacity="0.7">
    <circle cx="600" cy="530" r="1.5"/> <circle cx="620" cy="490" r="1"/>
    <circle cx="640" cy="510" r="2"/>   <circle cx="670" cy="450" r="1.5"/>
    <circle cx="690" cy="480" r="1"/>   <circle cx="710" cy="430" r="2.5"/>
    <circle cx="730" cy="460" r="1.5"/> <circle cx="750" cy="410" r="1"/>
    <circle cx="770" cy="440" r="2"/>   <circle cx="790" cy="480" r="1.5"/>
    <circle cx="820" cy="450" r="1"/>   <circle cx="850" cy="500" r="2"/>
  </g>

  <g class="c-lblue" opacity="0.5">
    <circle cx="580" cy="550" r="2"/>   <circle cx="610" cy="460" r="1.5"/>
    <circle cx="650" cy="430" r="1"/>   <circle cx="680" cy="410" r="2"/>
    <circle cx="720" cy="390" r="1.5"/> <circle cx="760" cy="430" r="1"/>
    <circle cx="800" cy="420" r="2"/>   <circle cx="840" cy="470" r="1.5"/>
  </g>

  <!-- Frame Vignette / Dark Edge Shapes for Dramatic Depth -->
  <path class="c-bg" opacity="0.3" d="M0,0 L1200,0 L1200,900 L0,900 Z M50,50 L50,850 L1150,850 L1150,50 Z"/>
</svg>
```

request envelope — prompt redacted

{
  "model": "google/gemini-3.6-flash",
  "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": 16000,
  "gatewayStringId": "9e39b87d-ae31-440f-8c37-8afce7ef7aba"
}