Run details
- Model
- z-ai/glm-5.3-flashx-legal
- Route
- OpenRouter API, one user message
- Served by
- Z.AI
- Effort
- max, OpenRouter's default for this model
- Limits
- 60 min · 131,072 output tokens (the model's limit)
- Date
- 2 Nov 2026
- Time
- 5 min 42 s
- Size
- 12 kB
- Tokens
- 59 in, 41,176 out (36,054 of them thinking)
- List price
- $0.051 at today's price ($0.37 in / $1.25 out per M)
- Paid
- $0.051
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
12 kB 188 lines Raw
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="800" viewBox="0 0 600 800" role="img" aria-labelledby="t d">
<title id="t">Night Heron — Independent Bookshop · Open After Dark</title>
<desc id="d">A nocturnal bookplate badge: an ivory night heron standing on a stack of books in still water, gazing at a crescent moon and stars, above the wordmark Night Heron.</desc>
<defs>
<linearGradient id="bg" gradientUnits="userSpaceOnUse" x1="300" y1="0" x2="300" y2="800">
<stop offset="0" stop-color="#090E24"/>
<stop offset="0.42" stop-color="#131F44"/>
<stop offset="0.665" stop-color="#243259"/>
<stop offset="0.68" stop-color="#152147"/>
<stop offset="1" stop-color="#0A0F24"/>
</linearGradient>
<linearGradient id="water" gradientUnits="userSpaceOnUse" x1="300" y1="532" x2="300" y2="664">
<stop offset="0" stop-color="#1C2A55"/>
<stop offset="1" stop-color="#0B1230"/>
</linearGradient>
<linearGradient id="ivory" gradientUnits="userSpaceOnUse" x1="300" y1="255" x2="300" y2="440">
<stop offset="0" stop-color="#F7F0DF"/>
<stop offset="1" stop-color="#D7CBAD"/>
</linearGradient>
<radialGradient id="glow" gradientUnits="userSpaceOnUse" cx="418" cy="168" r="80">
<stop offset="0" stop-color="#E9CD8C" stop-opacity="0.5"/>
<stop offset="0.45" stop-color="#E9CD8C" stop-opacity="0.16"/>
<stop offset="1" stop-color="#E9CD8C" stop-opacity="0"/>
</radialGradient>
<radialGradient id="moon" gradientUnits="userSpaceOnUse" cx="410" cy="160" r="48">
<stop offset="0" stop-color="#FFF8E6"/>
<stop offset="1" stop-color="#EDD8A4"/>
</radialGradient>
<radialGradient id="vig" gradientUnits="userSpaceOnUse" cx="300" cy="320" r="470">
<stop offset="0" stop-color="#000000" stop-opacity="0"/>
<stop offset="0.72" stop-color="#000000" stop-opacity="0"/>
<stop offset="1" stop-color="#000000" stop-opacity="0.34"/>
</radialGradient>
<mask id="crescent">
<circle cx="418" cy="168" r="38" fill="#ffffff"/>
<circle cx="402" cy="156" r="32" fill="#000000"/>
</mask>
<clipPath id="waterClip"><rect x="0" y="532" width="600" height="132"/></clipPath>
<filter id="soft" x="-30%" y="-30%" width="160%" height="160%"><feGaussianBlur stdDeviation="1.5"/></filter>
<path id="spark" d="M0 -7 C0.8 -2.6 2.6 -0.8 7 0 C2.6 0.8 0.8 2.6 0 7 C-0.8 2.6 -2.6 0.8 -7 0 C-2.6 -0.8 -0.8 -2.6 0 -7 Z" fill="#F2EBDA"/>
<!-- heron on its book-stack perch -->
<g id="perch" transform="translate(-30,-63.96) scale(1.12)">
<g>
<rect x="202" y="516" width="90" height="17" rx="2.5" fill="#7A4638"/>
<rect x="202" y="516" width="90" height="3" rx="1.5" fill="#8F5646"/>
<rect x="276" y="518.5" width="8" height="12" rx="1" fill="#EFE6CE"/>
<path d="M278.6,519.5 V529.5 M281.4,519.5 V529.5" stroke="#C4B49A" stroke-width="0.7" fill="none"/>
<rect x="194" y="500" width="86" height="16" rx="2.5" fill="#3F606A"/>
<rect x="194" y="500" width="86" height="3" rx="1.5" fill="#4E737E"/>
<rect x="264" y="502.5" width="8" height="11" rx="1" fill="#EFE6CE"/>
<path d="M266.6,503.5 V512.5 M269.4,503.5 V512.5" stroke="#C4B49A" stroke-width="0.7" fill="none"/>
<rect x="208" y="484" width="82" height="16" rx="2.5" fill="#C3A26C"/>
<rect x="208" y="484" width="82" height="3" rx="1.5" fill="#D2B47E"/>
<rect x="272" y="486.5" width="8" height="11" rx="1" fill="#F6EED9"/>
<path d="M274.6,487.5 V496.5 M277.4,487.5 V496.5" stroke="#C4B48A" stroke-width="0.7" fill="none"/>
</g>
<g>
<path d="M314,290.5 C298,285.5 282,287.5 268,296.5 C283,291.5 298,291.5 313,293 Z" fill="#F2EBDA"/>
<path d="M314,293.5 C299,291.5 285,294.5 272,303.5 C286,297.5 300,295.5 313,296.5 Z" fill="#F2EBDA"/>
<g fill="none" stroke="#EDE3CC" stroke-linecap="round">
<path d="M249,412 C247.5,428 246.5,444 246,458 C245.7,468 245.9,476 246,482" stroke-width="4.6"/>
<path d="M262.5,411 C266.5,421 267.5,431 264.5,441 C262.5,447.5 258.5,452 252.5,455" stroke-width="4.6"/>
<path d="M246,481.5 L261.5,485.5 M246,481.5 L254.5,489.5 M246,481.5 L237,486.5 M246,481.5 L241.5,490.5" stroke-width="3"/>
<path d="M252.5,454.5 L245.5,462.5 M252.5,454.5 L251,463.5 M252.5,454.5 L258.5,461.5" stroke-width="3"/>
</g>
<path d="M378,293 C366,296 354,298.5 342,300 C336,296.5 331,292.5 326,289.5 C321.5,287.5 316.5,288.5 313.5,291.5 C305.5,312 296,334 289.5,356 C288,372 281,384.5 266,391.5 C244,400 221,400.5 204,392.5 C193,388.5 182.5,384 174.5,379 C184,392.5 197,401.5 212.5,407.5 C234,416.5 254.5,418.5 270.5,413 C282.5,407.5 289.5,397.5 293.5,385.5 C299.5,367.5 303.5,349.5 304.5,331.5 C305.5,317.5 311.5,307.5 321.5,302.5 C330.5,304.5 340,305.5 348.5,304.5 C358.5,303.5 368.5,298.5 378,293 Z" fill="url(#ivory)"/>
<path d="M267,391 C249,399.5 229,401.5 211,397.5" fill="none" stroke="#C7B899" stroke-width="1.5" opacity="0.75"/>
<path d="M270,385.5 C253,392.5 235,394.5 219,391.5" fill="none" stroke="#C7B899" stroke-width="1.2" opacity="0.5"/>
<path d="M377,293.5 C367,298 357,301 347,303.2" fill="none" stroke="#232C44" stroke-width="1.1" opacity="0.85"/>
<circle cx="331" cy="297.5" r="2.4" fill="#A8433A"/>
<circle cx="330.2" cy="296.6" r="0.75" fill="#F7F1E3" opacity="0.9"/>
</g>
</g>
</defs>
<!-- badge -->
<rect x="0" y="0" width="600" height="800" rx="28" fill="url(#bg)"/>
<!-- moon -->
<circle cx="418" cy="168" r="80" fill="url(#glow)"/>
<circle cx="418" cy="168" r="38" fill="url(#moon)" mask="url(#crescent)"/>
<!-- stars -->
<g>
<use href="#spark" xlink:href="#spark" transform="translate(140,112) scale(1.05)" opacity="0.95"/>
<use href="#spark" xlink:href="#spark" transform="translate(232,72) scale(0.75)" opacity="0.8"/>
<use href="#spark" xlink:href="#spark" transform="translate(318,118) scale(0.6)" opacity="0.7"/>
<use href="#spark" xlink:href="#spark" transform="translate(505,94) scale(0.9)" opacity="0.9"/>
<use href="#spark" xlink:href="#spark" transform="translate(540,204) scale(0.65)" opacity="0.75"/>
<use href="#spark" xlink:href="#spark" transform="translate(86,238) scale(0.55)" opacity="0.65"/>
<use href="#spark" xlink:href="#spark" transform="translate(190,178) scale(0.5)" opacity="0.6"/>
<use href="#spark" xlink:href="#spark" transform="translate(368,76) scale(0.55)" opacity="0.7"/>
<use href="#spark" xlink:href="#spark" transform="translate(472,262) scale(0.5)" opacity="0.6"/>
<use href="#spark" xlink:href="#spark" transform="translate(118,322) scale(0.45)" opacity="0.5"/>
<use href="#spark" xlink:href="#spark" transform="translate(548,318) scale(0.5)" opacity="0.55"/>
<use href="#spark" xlink:href="#spark" transform="translate(62,152) scale(0.5)" opacity="0.6"/>
<use href="#spark" xlink:href="#spark" transform="translate(282,58) scale(0.5)" opacity="0.55"/>
<use href="#spark" xlink:href="#spark" transform="translate(455,62) scale(0.5)" opacity="0.5"/>
</g>
<g fill="#F2EBDA">
<circle cx="106" cy="182" r="1.4" opacity="0.7"/>
<circle cx="162" cy="252" r="1.4" opacity="0.6"/>
<circle cx="272" cy="132" r="1.4" opacity="0.65"/>
<circle cx="352" cy="182" r="1.4" opacity="0.55"/>
<circle cx="498" cy="148" r="1.4" opacity="0.6"/>
<circle cx="76" cy="298" r="1.3" opacity="0.5"/>
<circle cx="248" cy="232" r="1.3" opacity="0.5"/>
<circle cx="322" cy="224" r="1.2" opacity="0.45"/>
<circle cx="452" cy="318" r="1.3" opacity="0.5"/>
<circle cx="532" cy="118" r="1.4" opacity="0.55"/>
<circle cx="204" cy="92" r="1.4" opacity="0.6"/>
<circle cx="58" cy="210" r="1.3" opacity="0.5"/>
</g>
<!-- far banks and reeds -->
<path d="M0,532 V505 C42,497 82,507 124,513 C160,518 198,525 230,532 Z" fill="#141F41"/>
<path d="M600,532 V513 C562,507 530,515 500,523 C480,528.5 462,530.5 452,532 Z" fill="#111B39"/>
<g stroke="#0C142E" stroke-width="2" fill="none" stroke-linecap="round">
<path d="M92,514 C90,522 90.5,528 92,532"/>
<path d="M104,515.5 C103,522 103.5,527.5 104.5,532"/>
<path d="M115,517.5 C114.5,523 115,527.5 116,532"/>
</g>
<g fill="#0C142E">
<rect x="89.5" y="506" width="5" height="10" rx="2.5"/>
<rect x="101.5" y="507.5" width="5" height="9" rx="2.5"/>
<rect x="112.5" y="510" width="4.5" height="8" rx="2.25"/>
</g>
<!-- water -->
<rect x="0" y="532" width="600" height="132" fill="url(#water)"/>
<g clip-path="url(#waterClip)" opacity="0.16" filter="url(#soft)">
<use href="#perch" xlink:href="#perch" transform="translate(0,782.3) scale(1,-0.47)"/>
</g>
<path d="M34,532 H566" stroke="#C9A96A" stroke-width="1" opacity="0.5" fill="none"/>
<g fill="none" stroke-linecap="round">
<path d="M84,562 H168" stroke="#4A5A82" stroke-width="1.2" opacity="0.5"/>
<path d="M206,576 H296" stroke="#C9A96A" stroke-width="1" opacity="0.28"/>
<path d="M336,560 H420" stroke="#4A5A82" stroke-width="1.1" opacity="0.45"/>
<path d="M452,578 H540" stroke="#C9A96A" stroke-width="1" opacity="0.25"/>
<path d="M64,592 H142" stroke="#4A5A82" stroke-width="1.2" opacity="0.4"/>
<path d="M246,600 H352" stroke="#4A5A82" stroke-width="1.3" opacity="0.5"/>
<path d="M398,608 H496" stroke="#C9A96A" stroke-width="1" opacity="0.22"/>
<path d="M112,626 H224" stroke="#4A5A82" stroke-width="1.2" opacity="0.42"/>
<path d="M292,638 H408" stroke="#4A5A82" stroke-width="1.1" opacity="0.35"/>
<path d="M470,630 H552" stroke="#4A5A82" stroke-width="1" opacity="0.3"/>
</g>
<g stroke="#E4C384" stroke-linecap="round" fill="none">
<path d="M399,545 H437" stroke-width="2.6" opacity="0.55"/>
<path d="M405,557 H431" stroke-width="2.2" opacity="0.48"/>
<path d="M395,570 H439" stroke-width="2.4" opacity="0.42"/>
<path d="M403,584 H429" stroke-width="2" opacity="0.36"/>
<path d="M398,599 H430" stroke-width="2" opacity="0.3"/>
<path d="M407,615 H425" stroke-width="1.8" opacity="0.24"/>
<path d="M411,632 H423" stroke-width="1.6" opacity="0.18"/>
</g>
<ellipse cx="250" cy="534" rx="62" ry="5" fill="#060B1C" opacity="0.5"/>
<path d="M186,536 Q250,545 314,536" stroke="#C9A96A" stroke-width="1" opacity="0.4" fill="none"/>
<path d="M168,540 Q250,552 332,540" stroke="#4A5A82" stroke-width="1.1" opacity="0.5" fill="none"/>
<g fill="#F2EBDA">
<circle cx="150" cy="562" r="1.3" opacity="0.3"/>
<circle cx="492" cy="556" r="1.2" opacity="0.28"/>
<circle cx="352" cy="548" r="1.1" opacity="0.25"/>
</g>
<!-- heron and books -->
<use href="#perch" xlink:href="#perch"/>
<!-- vignette -->
<rect x="0" y="0" width="600" height="800" rx="28" fill="url(#vig)"/>
<!-- frame -->
<rect x="1" y="1" width="598" height="798" rx="27" fill="none" stroke="#C9A96A" stroke-width="1.6" opacity="0.9"/>
<rect x="16" y="16" width="568" height="768" rx="18" fill="none" stroke="#C9A96A" stroke-width="0.8" opacity="0.4"/>
<!-- wordmark -->
<text x="304.5" y="707" text-anchor="middle" font-family="'Palatino Linotype', Palatino, Georgia, 'Times New Roman', serif" font-size="45" letter-spacing="9" fill="#F3ECDB">NIGHT HERON</text>
<g stroke="#C9A96A" opacity="0.9">
<path d="M168,733 H268" stroke-width="1"/>
<path d="M332,733 H432" stroke-width="1"/>
<path d="M300,726.5 L306.5,733 L300,739.5 L293.5,733 Z" fill="#C9A96A" stroke="none"/>
<circle cx="278" cy="733" r="1.5" fill="#C9A96A" stroke="none"/>
<circle cx="322" cy="733" r="1.5" fill="#C9A96A" stroke="none"/>
</g>
<text x="301.4" y="760" text-anchor="middle" font-family="'Palatino Linotype', Palatino, Georgia, 'Times New Roman', serif" font-size="12.5" letter-spacing="2.8" fill="#C9A96A">INDEPENDENT BOOKSHOP · OPEN AFTER DARK</text>
</svg>
