Run details
- Model
- stepfun/step-5-preview
- Route
- OpenRouter API, one user message
- Reasoning
- provider default, 29,249 reasoning tokens
- Limits
- 60 min · 64,000 output tokens
- Date
- 21 Oct 2026
- Time
- 3 min 41 s
- Size
- 4.2 kB
- Tokens
- 58 in, 30,951 out
- List price
- $0.084 ($1 in / $2.7 out per M)
- Paid
- $0.084
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
4.2 kB 82 lines Raw
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="600" height="600" viewBox="0 0 600 600" role="img" aria-labelledby="logoTitle logoDesc">
<title id="logoTitle">Night Heron</title>
<desc id="logoDesc">A midnight-blue circular badge with a gold crescent moon, a cream night heron standing on a stack of three books, ringed by the words Independent Bookshop and Open After Dark, with the name Night Heron beneath the bird.</desc>
<defs>
<radialGradient id="sky" cx="50%" cy="40%" r="72%">
<stop offset="0%" stop-color="#22305f"/>
<stop offset="55%" stop-color="#141c42"/>
<stop offset="100%" stop-color="#080b1e"/>
</radialGradient>
</defs>
<!-- badge -->
<circle cx="300" cy="300" r="280" fill="url(#sky)"/>
<circle cx="300" cy="300" r="280" fill="none" stroke="#e8c987" stroke-width="5"/>
<circle cx="300" cy="300" r="262" fill="none" stroke="#e8c987" stroke-width="1.4" opacity="0.75"/>
<circle cx="300" cy="300" r="252" fill="none" stroke="#e8c987" stroke-width="0.8" opacity="0.35"/>
<!-- stars -->
<g fill="#e8c987" opacity="0.85">
<circle cx="212" cy="152" r="2.6"/>
<circle cx="248" cy="118" r="1.9"/>
<circle cx="392" cy="136" r="3"/>
<circle cx="428" cy="180" r="2.2"/>
<circle cx="184" cy="206" r="2.2"/>
<circle cx="356" cy="164" r="2"/>
<circle cx="160" cy="252" r="1.7"/>
<circle cx="452" cy="238" r="1.8"/>
</g>
<!-- crescent moon -->
<circle cx="300" cy="178" r="66" fill="#f2d79a" opacity="0.07"/>
<path d="M 327,133.5 A 52,52 0 1 1 327,222.5 A 45,45 0 1 0 327,133.5 Z" fill="#f2d79a"/>
<circle cx="368" cy="176" r="3" fill="#e8c987"/>
<circle cx="386" cy="150" r="2" fill="#e8c987" opacity="0.8"/>
<!-- ring text -->
<path id="arcTop" d="M 300,300 m -238,0 a 238,238 0 1 1 476,0" fill="none"/>
<path id="arcBottom" d="M 300,300 m -238,0 a 238,238 0 1 0 476,0" fill="none"/>
<text font-family="Georgia, 'Times New Roman', Times, serif" font-size="23" letter-spacing="6" fill="#e8c987" text-anchor="middle">
<textPath href="#arcTop" xlink:href="#arcTop" startOffset="50%">INDEPENDENT BOOKSHOP</textPath>
</text>
<text font-family="Georgia, 'Times New Roman', Times, serif" font-size="23" letter-spacing="6" fill="#e8c987" text-anchor="middle">
<textPath href="#arcBottom" xlink:href="#arcBottom" startOffset="50%">OPEN AFTER DARK</textPath>
</text>
<path d="M 62,293 L 69,300 L 62,307 L 55,300 Z" fill="#e8c987"/>
<path d="M 538,293 L 545,300 L 538,307 L 531,300 Z" fill="#e8c987"/>
<!-- night heron -->
<g fill="#f4e8c8" stroke="#f4e8c8">
<path d="M 300,374 Q 293,390 297,404" fill="none" stroke-width="5" stroke-linecap="round"/>
<path d="M 314,376 Q 321,390 317,403" fill="none" stroke-width="5" stroke-linecap="round"/>
<path d="M 280,364 C 298,380 328,385 350,377 C 368,371 382,362 394,352 C 380,342 364,330 342,329 C 320,329 302,337 290,349 C 284,355 280,359 280,364 Z"/>
<path d="M 290,360 Q 272,328 270,298" fill="none" stroke-width="17" stroke-linecap="round"/>
<circle cx="270" cy="291" r="8.5"/>
<path d="M 274,283 Q 244,287 218,301 Q 244,300 274,296 Z"/>
</g>
<!-- stack of books -->
<ellipse cx="312" cy="461" rx="88" ry="6" fill="#04060d" opacity="0.3"/>
<g>
<rect x="252" y="404" width="88" height="18" rx="2.5" fill="#33615d"/>
<rect x="340" y="406" width="32" height="14" rx="1.5" fill="#e9dfc6"/>
<path d="M 252 411 H 340" stroke="#e8c987" stroke-width="1" opacity="0.5"/>
<rect x="246" y="422" width="86" height="18" rx="2.5" fill="#7a3b3b"/>
<rect x="332" y="424" width="40" height="14" rx="1.5" fill="#e9dfc6"/>
<path d="M 246 429 H 332" stroke="#e8c987" stroke-width="1" opacity="0.5"/>
<rect x="258" y="440" width="82" height="18" rx="2.5" fill="#8a6a3a"/>
<rect x="340" y="442" width="32" height="14" rx="1.5" fill="#e9dfc6"/>
<path d="M 258 447 H 340" stroke="#e8c987" stroke-width="1" opacity="0.5"/>
<path d="M 252 422 H 372" stroke="#0b1026" stroke-width="1" opacity="0.35"/>
<path d="M 258 440 H 372" stroke="#0b1026" stroke-width="1" opacity="0.35"/>
</g>
<!-- wordmark -->
<text x="306" y="496" font-family="Georgia, 'Times New Roman', Times, serif" font-size="34" letter-spacing="7" fill="#f4e8c8" text-anchor="middle">NIGHT HERON</text>
</svg>
