Run details
- Model
- google/gemini-4-argon
- Route
- OpenRouter API, one user message
- Reasoning
- provider default
- Limits
- 60 min · 60,000 output tokens
- Date
- 21 Oct 2026
- Time
- 1 min 52 s
- Size
- 19 kB
- Tokens
- 78 in, 9,197 out
- List price
- $0.092 ($2 in / $10 out per M)
- Paid
- $0.092
Exact prompt
Design a logo for Night Heron, an independent bookshop that only opens after dark. It must be one standalone SVG file with no scripts, external fonts or linked images. Reply with the file in a single ```svg code block.
Source
19 kB 404 lines Raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 950" width="100%" height="100%">
<defs>
<!-- Background Gradient -->
<radialGradient id="bg-radial" cx="50%" cy="45%" r="75%" fx="50%" fy="45%">
<stop offset="0%" stop-color="#111a2e"/>
<stop offset="60%" stop-color="#090d16"/>
<stop offset="100%" stop-color="#04060a"/>
</radialGradient>
<!-- Gold Foil Gradients -->
<linearGradient id="gold-grad" x1="0%" y1="100%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#9b7536"/>
<stop offset="25%" stop-color="#cba358"/>
<stop offset="50%" stop-color="#f7e5a9"/>
<stop offset="75%" stop-color="#dfc076"/>
<stop offset="100%" stop-color="#a8803c"/>
</linearGradient>
<linearGradient id="gold-grad-v" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" stop-color="#f7e5a9"/>
<stop offset="50%" stop-color="#cba358"/>
<stop offset="100%" stop-color="#8c672a"/>
</linearGradient>
<!-- Moon Glow -->
<linearGradient id="moon-grad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ffffff"/>
<stop offset="40%" stop-color="#fdf4dc"/>
<stop offset="80%" stop-color="#e8c87d"/>
<stop offset="100%" stop-color="#b58d3d"/>
</linearGradient>
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="12" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
</filter>
<filter id="soft-glow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="40" result="blur" />
</filter>
<!-- Heron Plume Gradients -->
<linearGradient id="plume-1" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ffffff"/>
<stop offset="60%" stop-color="#cbd5e1"/>
<stop offset="100%" stop-color="#475569"/>
</linearGradient>
<!-- Clip Path for the Main Arch -->
<clipPath id="arch-clip">
<path d="M 210 280 A 190 190 0 0 1 590 280 L 590 580 L 210 580 Z"/>
</clipPath>
<!-- Star Symbol -->
<g id="star">
<path d="M 0 -12 C 1 -3 3 -1 12 0 C 3 1 1 3 0 12 C -1 3 -3 1 -12 0 C -3 -1 -1 -3 0 -12 Z" fill="url(#moon-grad)"/>
<circle cx="0" cy="0" r="2" fill="#ffffff"/>
</g>
<g id="star-sm">
<path d="M 0 -6 C 0.5 -1.5 1.5 -0.5 6 0 C 1.5 0.5 0.5 1.5 0 6 C -0.5 1.5 -1.5 0.5 -6 0 C -1.5 -0.5 -0.5 -1.5 0 -6 Z" fill="#fdf4dc" opacity="0.9"/>
</g>
</defs>
<style>
.title-text {
font-family: "Cinzel", "Trajan Pro", "Didot", "Bodoni MT", "Palatino Linotype", "Book Antiqua", Georgia, serif;
font-size: 54px;
font-weight: 400;
fill: url(#gold-grad);
letter-spacing: 14px;
text-anchor: middle;
}
.subtitle-text {
font-family: "Montserrat", "Futura", "Gill Sans", "Optima", "Candara", sans-serif;
font-size: 13.5px;
font-weight: 500;
fill: #b89758;
letter-spacing: 9px;
text-anchor: middle;
}
.est-text {
font-family: "Cormorant Garamond", "Garamond", "Georgia", serif;
font-style: italic;
font-size: 16px;
fill: #8c6f39;
letter-spacing: 3px;
text-anchor: middle;
}
.gold-stroke {
stroke: url(#gold-grad);
fill: none;
}
</style>
<!-- Background -->
<rect width="100%" height="100%" fill="url(#bg-radial)"/>
<!-- Ambient Backlight -->
<circle cx="400" cy="350" r="220" fill="#1e293b" opacity="0.4" filter="url(#soft-glow)"/>
<circle cx="350" cy="270" r="120" fill="#f59e0b" opacity="0.08" filter="url(#soft-glow)"/>
<!-- Outer Ornate Frame (Background Layer) -->
<g transform="translate(0, 20)">
<!-- Outer thin border with corner flourishes -->
<path d="M 185 280 A 215 215 0 0 1 615 280 L 615 595 L 185 595 Z" class="gold-stroke" stroke-width="1" opacity="0.4"/>
<path d="M 193 280 A 207 207 0 0 1 607 280 L 607 587 L 193 587 Z" class="gold-stroke" stroke-width="1.5" opacity="0.7"/>
<!-- Sunburst/Starburst Rays at the top of the arch -->
<g opacity="0.3" stroke="url(#gold-grad)" stroke-width="1">
<line x1="400" y1="65" x2="400" y2="45" />
<line x1="455" y1="72" x2="460" y2="55" />
<line x1="507" y1="93" x2="517" y2="78" />
<line x1="552" y1="128" x2="565" y2="115" />
<line x1="345" y1="72" x2="340" y2="55" />
<line x1="293" y1="93" x2="283" y2="78" />
<line x1="248" y1="128" x2="235" y2="115" />
</g>
<use href="#star-sm" x="400" y="35"/>
<!-- ================= CLIPPED ILLUSTRATION AREA ================= -->
<g clip-path="url(#arch-clip)">
<!-- Night Sky Inner Background -->
<path d="M 210 280 A 190 190 0 0 1 590 280 L 590 580 L 210 580 Z" fill="#060911"/>
<!-- Deep Sky Gradient -->
<circle cx="350" cy="260" r="280" fill="#0d1527"/>
<!-- Stars & Constellations -->
<g opacity="0.6">
<!-- Constellation Lines -->
<polyline points="250,160 280,130 330,140 360,110" fill="none" stroke="#cba358" stroke-width="0.7" stroke-dasharray="3,3" opacity="0.6"/>
<polyline points="520,180 550,220 530,260 560,290" fill="none" stroke="#cba358" stroke-width="0.7" stroke-dasharray="3,3" opacity="0.6"/>
<polyline points="230,360 260,390 240,430" fill="none" stroke="#cba358" stroke-width="0.7" stroke-dasharray="3,3" opacity="0.6"/>
<!-- Star Dots -->
<circle cx="250" cy="160" r="1.5" fill="#fdf4dc"/>
<circle cx="280" cy="130" r="2" fill="#fdf4dc"/>
<circle cx="330" cy="140" r="1.5" fill="#fdf4dc"/>
<circle cx="360" cy="110" r="2.5" fill="#fdf4dc"/>
<circle cx="520" cy="180" r="2" fill="#fdf4dc"/>
<circle cx="550" cy="220" r="1.5" fill="#fdf4dc"/>
<circle cx="530" cy="260" r="2" fill="#fdf4dc"/>
<circle cx="560" cy="290" r="1.5" fill="#fdf4dc"/>
<circle cx="230" cy="360" r="1.5" fill="#fdf4dc"/>
<circle cx="260" cy="390" r="2" fill="#fdf4dc"/>
<circle cx="240" cy="430" r="1" fill="#fdf4dc"/>
<!-- Random dust -->
<circle cx="460" cy="120" r="1" fill="#fdf4dc" opacity="0.5"/>
<circle cx="490" cy="140" r="1.5" fill="#fdf4dc" opacity="0.8"/>
<circle cx="230" cy="230" r="1" fill="#fdf4dc" opacity="0.4"/>
<circle cx="270" cy="290" r="1.2" fill="#fdf4dc" opacity="0.7"/>
<circle cx="550" cy="390" r="1" fill="#fdf4dc" opacity="0.5"/>
<circle cx="510" cy="430" r="1.5" fill="#fdf4dc" opacity="0.3"/>
</g>
<use href="#star" x="280" y="200" transform="scale(0.8)" />
<use href="#star-sm" x="520" y="140" />
<use href="#star-sm" x="245" y="315" />
<use href="#star-sm" x="555" y="345" />
<!-- Giant Glowing Moon -->
<circle cx="355" cy="265" r="115" fill="url(#moon-grad)" filter="url(#glow)" opacity="0.15"/>
<circle cx="355" cy="265" r="105" fill="url(#moon-grad)"/>
<!-- Moon Craters / Texture (Subtle) -->
<g fill="#e6c478" opacity="0.25">
<circle cx="300" cy="220" r="18"/>
<circle cx="325" cy="195" r="10"/>
<circle cx="280" cy="270" r="25"/>
<circle cx="330" cy="330" r="15"/>
<ellipse cx="410" cy="210" rx="12" ry="20" transform="rotate(-20 410 210)"/>
</g>
<!-- Clouds / Night Mist -->
<g opacity="0.25" fill="url(#gold-grad)">
<path d="M 180 420 Q 250 400 320 420 T 460 410 T 620 430 L 620 440 L 180 440 Z"/>
<path d="M 180 480 Q 290 465 380 485 T 620 470 L 620 495 L 180 495 Z" opacity="0.5"/>
</g>
<path d="M 450 290 Q 500 280 550 295 T 620 290 L 620 300 L 450 300 Z" fill="#0d1527" opacity="0.7"/>
<path d="M 190 250 Q 240 240 290 255 T 360 250 L 360 260 L 190 260 Z" fill="#0d1527" opacity="0.5"/>
<!-- ================= THE NIGHT HERON ================= -->
<g id="heron">
<!-- Long Breeding Plumes (White feathers flowing back) -->
<path d="M 382 192 C 445 180, 510 210, 555 265 C 515 225, 450 198, 386 200 Z" fill="url(#plume-1)"/>
<path d="M 375 202 C 430 198, 485 225, 520 280 C 485 240, 435 212, 378 208 Z" fill="url(#plume-1)" opacity="0.85"/>
<!-- Heron Legs (Standing on the book mound) -->
<g stroke="url(#gold-grad)" stroke-width="3.5" stroke-linecap="round">
<line x1="405" y1="450" x2="395" y2="530"/>
<line x1="425" y1="445" x2="418" y2="530"/>
<!-- Talons -->
<path d="M 380 530 L 395 530 L 405 535" fill="none" stroke-width="2.5"/>
<path d="M 405 528 L 418 528 L 428 533" fill="none" stroke-width="2.5"/>
</g>
<!-- Tail Feathers -->
<path d="M 475 430 L 505 495 L 450 455 Z" fill="#0a101d" stroke="url(#gold-grad)" stroke-width="1"/>
<path d="M 465 440 L 485 505 L 440 460 Z" fill="#060911"/>
<!-- Main Body & Hunched Neck -->
<!-- Black-crowned night herons have a stocky, hunched posture when resting -->
<path d="M 390 190
C 430 190, 455 220, 445 265
C 438 295, 485 310, 495 370
C 503 420, 475 465, 435 470
C 390 475, 360 440, 355 395
C 350 350, 385 315, 380 285
C 375 260, 345 255, 342 230
C 340 205, 360 190, 390 190 Z"
fill="#090e1a"/>
<!-- Breast / Belly (Lighter grey/silver) -->
<path d="M 342 230
C 345 255, 375 260, 380 285
C 385 315, 350 350, 355 395
C 358 425, 375 450, 400 462
C 380 435, 375 395, 385 360
C 395 325, 415 300, 405 265
C 398 240, 360 245, 355 225 Z"
fill="#334155" opacity="0.5"/>
<!-- Rim Lighting on Breast (from the Moon) -->
<path d="M 342 230
C 345 255, 375 260, 380 285
C 385 315, 350 350, 355 395
C 358 425, 375 450, 400 462"
fill="none" stroke="url(#moon-grad)" stroke-width="2" opacity="0.8"/>
<!-- Cap / Crown (Glossy Black-Blue) -->
<path d="M 332 212 C 345 190, 370 185, 395 190 C 415 194, 430 208, 432 225 C 405 215, 385 215, 365 222 C 350 227, 340 220, 332 212 Z" fill="#030508"/>
<path d="M 332 212 C 345 190, 370 185, 395 190 C 415 194, 430 208, 432 225" fill="none" stroke="url(#gold-grad)" stroke-width="1" opacity="0.6"/>
<!-- Folded Wing (Detailed with gold linework) -->
<path d="M 415 295
C 455 295, 490 330, 492 380
C 494 425, 465 465, 445 475
C 420 450, 395 415, 395 365
C 395 325, 405 295, 415 295 Z"
fill="#111c30" stroke="url(#gold-grad)" stroke-width="1.5"/>
<!-- Wing Feather Details -->
<path d="M 405 325 C 435 330, 465 355, 470 395" fill="none" stroke="url(#gold-grad)" stroke-width="1" opacity="0.6"/>
<path d="M 398 355 C 425 360, 455 385, 460 425" fill="none" stroke="url(#gold-grad)" stroke-width="1" opacity="0.6"/>
<path d="M 398 385 C 420 390, 445 415, 450 450" fill="none" stroke="url(#gold-grad)" stroke-width="1" opacity="0.6"/>
<path d="M 435 302 C 465 320, 480 350, 480 390" fill="none" stroke="url(#gold-grad)" stroke-width="1" opacity="0.4"/>
<!-- Sharp Beak (Pointing Left) -->
<polygon points="345,205 265,222 345,226" fill="url(#gold-grad)"/>
<!-- Lower Mandible -->
<polygon points="345,226 275,223 343,233" fill="#8c672a"/>
<!-- Beak Highlight -->
<line x1="345" y1="205" x2="265" y2="222" stroke="#ffffff" stroke-width="1" opacity="0.7"/>
<!-- The Eye (Signature Glowing Ruby/Crimson of the Night Heron) -->
<g transform="translate(352, 212)">
<!-- Eye Glow -->
<circle cx="0" cy="0" r="8" fill="#ef4444" filter="url(#glow)" opacity="0.6"/>
<!-- Outer Iris -->
<circle cx="0" cy="0" r="5" fill="#dc2626" stroke="url(#gold-grad)" stroke-width="1"/>
<!-- Inner Iris -->
<circle cx="0" cy="0" r="3.5" fill="#f87171"/>
<!-- Pupil -->
<circle cx="0" cy="0" r="2" fill="#04060a"/>
<!-- Catchlight -->
<circle cx="-1.5" cy="-1.5" r="1" fill="#ffffff"/>
</g>
<!-- Magical Spectacles / Monocle (Optional bookish charm - subtle gold pince-nez) -->
<circle cx="352" cy="212" r="9" fill="none" stroke="url(#gold-grad)" stroke-width="0.8" stroke-dasharray="18 4"/>
<path d="M 361 212 C 375 215, 380 235, 375 255" fill="none" stroke="url(#gold-grad)" stroke-width="0.6" opacity="0.7"/>
</g>
<!-- ================= FOREGROUND BOOKS ================= -->
<g id="books-foreground">
<!-- Stack of books on the left -->
<g transform="translate(200, 505) rotate(-5)">
<rect x="0" y="0" width="90" height="18" rx="2" fill="#0f172a" stroke="url(#gold-grad)" stroke-width="1.5"/>
<line x1="10" y1="4" x2="85" y2="4" stroke="#fdf4dc" stroke-width="1" opacity="0.6"/>
<line x1="10" y1="9" x2="85" y2="9" stroke="#fdf4dc" stroke-width="1" opacity="0.6"/>
<line x1="10" y1="14" x2="85" y2="14" stroke="#fdf4dc" stroke-width="1" opacity="0.6"/>
<rect x="5" y="0" width="8" height="18" fill="url(#gold-grad)"/>
</g>
<g transform="translate(190, 525) rotate(2)">
<rect x="0" y="0" width="110" height="22" rx="3" fill="#1e1b4b" stroke="url(#gold-grad)" stroke-width="1.5"/>
<path d="M 95 3 L 108 3 M 95 8 L 108 8 M 95 13 L 108 13 M 95 18 L 108 18" stroke="#cba358" stroke-width="1"/>
<line x1="15" y1="0" x2="15" y2="22" stroke="url(#gold-grad)" stroke-width="2"/>
<line x1="20" y1="0" x2="20" y2="22" stroke="url(#gold-grad)" stroke-width="1"/>
<circle cx="55" cy="11" r="4" fill="url(#gold-grad)"/>
</g>
<!-- Stack of books on the right -->
<g transform="translate(500, 515) rotate(6)">
<rect x="0" y="0" width="95" height="20" rx="2" fill="#0f172a" stroke="url(#gold-grad)" stroke-width="1.5"/>
<rect x="75" y="0" width="6" height="20" fill="url(#gold-grad)"/>
<line x1="5" y1="6" x2="70" y2="6" stroke="#fdf4dc" stroke-width="1" opacity="0.5"/>
<line x1="5" y1="14" x2="70" y2="14" stroke="#fdf4dc" stroke-width="1" opacity="0.5"/>
</g>
<!-- Background Book Mound (Heron's Perch) -->
<path d="M 330 580 L 330 535 Q 400 520 470 535 L 470 580 Z" fill="#090d16" stroke="url(#gold-grad)" stroke-width="1.5"/>
<path d="M 340 533 L 340 580 M 355 530 L 355 580 M 445 530 L 445 580 M 460 533 L 460 580" stroke="url(#gold-grad)" stroke-width="1" opacity="0.5"/>
<!-- THE GRAND OPEN BOOK (Center Base) -->
<g id="grand-open-book" transform="translate(0, 15)">
<!-- Book Cover (Bottom Layer) -->
<path d="M 195 555 Q 295 520 400 560 Q 505 520 605 555 L 615 570 Q 505 535 400 575 Q 295 535 185 570 Z" fill="#060911" stroke="url(#gold-grad)" stroke-width="2.5"/>
<!-- Pages Block (Middle Layer) -->
<path d="M 205 545 Q 300 505 400 550 Q 500 505 595 545 L 602 555 Q 500 518 400 562 Q 300 518 198 555 Z" fill="#fdf4dc" stroke="url(#gold-grad)" stroke-width="1.5"/>
<!-- Page Creases (Left) -->
<path d="M 202 548 Q 300 510 400 554" fill="none" stroke="#9b7536" stroke-width="1"/>
<path d="M 200 552 Q 300 514 400 558" fill="none" stroke="#9b7536" stroke-width="1"/>
<!-- Page Creases (Right) -->
<path d="M 598 548 Q 500 510 400 554" fill="none" stroke="#9b7536" stroke-width="1"/>
<path d="M 600 552 Q 500 514 400 558" fill="none" stroke="#9b7536" stroke-width="1"/>
<!-- Rising Pages (Giving life and movement) -->
<path d="M 225 530 Q 310 480 400 550 Q 305 495 210 542 Z" fill="#fdf4dc" stroke="url(#gold-grad)" stroke-width="1"/>
<path d="M 575 530 Q 490 480 400 550 Q 495 495 590 542 Z" fill="#e8c87d" stroke="url(#gold-grad)" stroke-width="1"/>
<!-- Center Spine Shadow & Ornament -->
<path d="M 395 562 L 400 550 L 405 562 L 400 578 Z" fill="url(#gold-grad)"/>
</g>
</g>
</g>
<!-- ================= END CLIPPED AREA ================= -->
<!-- Main Arch Border (Foreground Layer) -->
<!-- Inner thin line -->
<path d="M 216 280 A 184 184 0 0 1 584 280 L 584 574 L 216 574 Z" class="gold-stroke" stroke-width="1" opacity="0.8"/>
<!-- Primary Heavy Gold Arch -->
<path d="M 210 280 A 190 190 0 0 1 590 280 L 590 580 L 210 580 Z" class="gold-stroke" stroke-width="5"/>
<!-- Arch Corner Ornaments (Bottom Left & Right of Arch) -->
<g stroke="url(#gold-grad)" stroke-width="1.5" fill="#060911">
<rect x="202" y="572" width="16" height="16"/>
<rect x="206" y="576" width="8" height="8" fill="url(#gold-grad)"/>
<rect x="582" y="572" width="16" height="16"/>
<rect x="586" y="576" width="8" height="8" fill="url(#gold-grad)"/>
</g>
<!-- Hanging Bookmark Ribbon (Breaking the bottom frame) -->
<path d="M 400 575 C 395 605, 410 620, 405 645 L 395 635 L 385 645 C 390 620, 380 605, 395 575 Z" fill="url(#gold-grad)"/>
<!-- Flanking Crescent Moons (Outside the Arch) -->
<!-- Left Moon -->
<path d="M 155 370 A 22 22 0 1 1 155 414 A 18 18 0 1 0 155 370 Z" fill="url(#gold-grad)" opacity="0.8"/>
<circle cx="130" cy="392" r="2" fill="url(#gold-grad)"/>
<line x1="160" y1="392" x2="178" y2="392" stroke="url(#gold-grad)" stroke-width="1" opacity="0.5"/>
<!-- Right Moon -->
<path d="M 645 370 A 22 22 0 1 0 645 414 A 18 18 0 1 1 645 370 Z" fill="url(#gold-grad)" opacity="0.8"/>
<circle cx="670" cy="392" r="2" fill="url(#gold-grad)"/>
<line x1="640" y1="392" x2="622" y2="392" stroke="url(#gold-grad)" stroke-width="1" opacity="0.5"/>
</g>
<!-- ================= TYPOGRAPHY SECTION ================= -->
<g transform="translate(0, 25)">
<!-- Main Title -->
<text x="407" y="710" class="title-text" filter="url(#glow)" opacity="0.2">NIGHT HERON</text>
<text x="407" y="710" class="title-text">NIGHT HERON</text>
<!-- Ornate Divider -->
<g transform="translate(400, 742)">
<!-- Center Diamond -->
<polygon points="0,-7 9,0 0,7 -9,0" fill="url(#gold-grad)"/>
<polygon points="0,-3 4,0 0,3 -4,0" fill="#090d16"/>
<!-- Side Diamonds -->
<polygon points="-25,-4 -19,0 -25,4 -31,0" fill="url(#gold-grad)"/>
<polygon points="25,-4 31,0 25,4 19,0" fill="url(#gold-grad)"/>
<!-- Tapered Lines -->
<polygon points="-38,0 -240,-1.5 -240,1.5" fill="url(#gold-grad)"/>
<polygon points="38,0 240,-1.5 240,1.5" fill="url(#gold-grad)"/>
<!-- End Dots -->
<circle cx="-250" cy="0" r="2" fill="#cba358"/>
<circle cx="250" cy="0" r="2" fill="#cba358"/>
</g>
<!-- Subtitle -->
<text x="404.5" y="782" class="subtitle-text">BOOKS AFTER DARK</text>
<!-- Secondary Tagline / Hours -->
<g transform="translate(400, 818)">
<path d="M -100 -5 L -70 -5" stroke="#8c6f39" stroke-width="0.8" opacity="0.6"/>
<text x="0" y="0" class="est-text">Open Dusk till Dawn</text>
<path d="M 70 -5 L 100 -5" stroke="#8c6f39" stroke-width="0.8" opacity="0.6"/>
</g>
<!-- Bottom Finial / Keyhole Motif -->
<g transform="translate(400, 855)" opacity="0.7">
<circle cx="0" cy="0" r="6" fill="none" stroke="url(#gold-grad)" stroke-width="1.5"/>
<path d="M -3 5 L -5 18 L 5 18 L 3 5 Z" fill="url(#gold-grad)"/>
<circle cx="0" cy="25" r="1.5" fill="url(#gold-grad)"/>
<circle cx="-15" cy="10" r="1" fill="url(#gold-grad)"/>
<circle cx="15" cy="10" r="1" fill="url(#gold-grad)"/>
</g>
</g>
</svg>
