⏱ Capsule Public Vibe Design
Signature Wall
Ezarwebmaster· Sep 29, 2026
Locked Reference Prompt
IMMUTABLEScientific timeline lock active
You are one AI model among many contributing to a shared wall of square tiles.
You get exactly ONE tile, 240 x 240 px. Your task is to leave your signature
in it: an original drawing that shows what you can do and who you are.
Rules:
- Reply with ONLY the code of your tile: one self-contained HTML snippet or
one inline <svg>. No explanation, no markdown fences.
- Everything must fit inside 240 x 240 px. Anything outside is cut off.
- No external resources: no image URLs, no web fonts, no CDN scripts.
- No JavaScript. CSS animations are allowed.
- Do not style the page itself (html, body): only your own elements.
- It must be readable at a glance, on a white background unless you paint your own.
- Free theme: choose what to draw yourself.
- Finish by writing your model name as tiny text in a corner of the tile.
Add a Benchmark Run
Sign in to run this prompt against hundreds of models with your own OpenRouter key and archive the results.
Timeline (3 runs)
Run Activity
3 runs in the last 6 months
Apr
May
Jun
Jul
Aug
Sep
LessMore
Cost vs Speed
size = output tokens · top-left is best
size = tokens
value frontier — no model is faster & cheaper Capsule Stats
Runs
3
Total cost
$0.0137
Tokens
12k
Avg latency
30s
Models
3
Web Searches
0
Top provider 
Stealth×1
Stealth×1 590 reasoning last today
Tip: Select 2 or more runs via their "Compare" buttons — or filter by company below and compare them all at once — then open the Compare Studio: verdicts, benchmark bars, charts, side-by-side reading and response diff.
⏱
Benchmark Run — Sep 29, 2026 
Ezarwebmaster Latest
Anthropicclaude-sonnet-5.5
Extended
stop
Latency
9s
client → response
Input Tokens
301
prompt tokens
Output
1,218
generated
Total Tokens
1,519
in + out
Billed Cost
$0.0128
OR Credits
Reasoning
—
thinking tokens
Model Output
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
<defs>
<radialGradient id="bg" cx="50%" cy="45%" r="70%">
<stop offset="0" stop-color="#2b1b5e"/>
<stop offset="1" stop-color="#090a24"/>
</radialGradient>
<linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#ffb86b"/>
<stop offset="1" stop-color="#ff5fa2"/>
</linearGradient>
<style>
.r{transform-origin:120px 120px;animation:s 20s linear infinite}
.r2{transform-origin:120px 120px;animation:s 30s linear infinite reverse}
.p{animation:p 3s ease-in-out infinite;transform-origin:120px 120px}
.t{animation:t 2s ease-in-out infinite}
@keyframes s{to{transform:rotate(360deg)}}
@keyframes p{50%{transform:scale(1.08)}}
@keyframes t{50%{opacity:.2}}
</style>
</defs>
<rect width="240" height="240" fill="url(#bg)"/>
<g fill="#fff">
<circle class="t" cx="30" cy="35" r="1.5"/>
<circle class="t" cx="205" cy="45" r="1.2" style="animation-delay:.5s"/>
<circle class="t" cx="45" cy="200" r="1.3" style="animation-delay:1s"/>
<circle class="t" cx="200" cy="195" r="1.6" style="animation-delay:1.5s"/>
<circle class="t" cx="120" cy="18" r="1.1" style="animation-delay:.8s"/>
<circle class="t" cx="18" cy="120" r="1.1" style="animation-delay:1.2s"/>
</g>
<g class="r2" fill="none" stroke="#8fd3ff" stroke-width="1" opacity=".6">
<ellipse cx="120" cy="120" rx="98" ry="38"/>
<ellipse cx="120" cy="120" rx="98" ry="38" transform="rotate(60 120 120)"/>
<ellipse cx="120" cy="120" rx="98" ry="38" transform="rotate(120 120 120)"/>
</g>
<g class="r" fill="none" stroke="#ffd1e8" stroke-width="1.5">
<circle cx="120" cy="120" r="78" stroke-dasharray="3 8"/>
<circle cx="198" cy="120" r="5" fill="#ffd1e8"/>
<circle cx="42" cy="120" r="3" fill="#8fd3ff"/>
</g>
<g class="p">
<circle cx="120" cy="120" r="48" fill="url(#g)"/>
<path d="M92 120 L108 104 L120 128 L132 104 L148 120" fill="none" stroke="#2b1b5e" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="106" cy="138" r="4" fill="#2b1b5e"/>
<circle cx="134" cy="138" r="4" fill="#2b1b5e"/>
</g>
<text x="joined" font-size="1"></text>
<text x="235" y="234" font-family="Arial,sans-serif" font-size="7" fill="#fff" text-anchor="end" opacity=".8">Claude</text>
</svg>
⏱
Benchmark Run — Sep 29, 2026 Ezarwebmaster
OpenAIgpt-6-luna
Extended
stop
Latency
17s
client → response
Input Tokens
200
prompt tokens
Output
1,892
generated
Total Tokens
2,092
in + out
Billed Cost
$0.0010
OR Credits
Reasoning
590
thinking tokens
Model Output
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop stop-color="#111b37"/>
<stop offset="1" stop-color="#202c50"/>
</linearGradient>
<linearGradient id="bubble" x1="0" y1="0" x2="1" y2="1">
<stop stop-color="#f4fffc"/>
<stop offset="1" stop-color="#baf5e9"/>
</linearGradient>
<filter id="glow" x="-80%" y="-80%" width="260%" height="260%">
<feGaussianBlur stdDeviation="5" result="blur"/>
<feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
</filter>
</defs>
<rect x="8" y="8" width="224" height="224" rx="27" fill="url(#bg)"/>
<rect x="9" y="9" width="222" height="222" rx="26" fill="none" stroke="#7184b4" stroke-opacity=".28"/>
<g fill="#a9bcf1" opacity=".55">
<circle cx="37" cy="43" r="1.3"/><circle cx="202" cy="39" r="1"/>
<circle cx="205" cy="198" r="1.4"/><circle cx="36" cy="194" r="1"/>
<circle cx="78" cy="35" r=".9"/><circle cx="166" cy="206" r=".9"/>
<circle cx="30" cy="128" r="1"/><circle cx="212" cy="116" r="1"/>
</g>
<g fill="none" stroke="#8195c9" stroke-width="1" opacity=".35">
<path d="M25 76V57h18M215 76V57h-18M25 164v19h18M215 164v19h-18"/>
<path d="M34 57v7m172-7v7M34 183v-7m172 7v-7"/>
</g>
<g fill="none" stroke="#83a4df" stroke-width="1.5" opacity=".57">
<ellipse cx="120" cy="116" rx="78" ry="42" transform="rotate(-27 120 116)"/>
<ellipse cx="120" cy="116" rx="63" ry="72" transform="rotate(36 120 116)" stroke-dasharray="3 5"/>
</g>
<g filter="url(#glow)" opacity=".32">
<circle cx="120" cy="112" r="40" fill="#50e2cf"/>
</g>
<g>
<circle cx="48" cy="79" r="13" fill="#ff947f"/>
<circle cx="48" cy="79" r="6" fill="#fff0e7"/>
<path d="M45 79h6M48 76v6" stroke="#d65d66" stroke-width="1.5" stroke-linecap="round"/>
<circle cx="187" cy="72" r="12" fill="#72e4c1"/>
<path d="M183 72h8M187 68v8" stroke="#174d60" stroke-width="1.5" stroke-linecap="round"/>
<circle cx="176" cy="158" r="13" fill="#ffd16f"/>
<circle cx="176" cy="158" r="4" fill="#79583f"/>
<path d="M170 158h-3m18 0h-3" stroke="#79583f" stroke-width="1.5" stroke-linecap="round"/>
<circle cx="65" cy="166" r="11" fill="#b8a4ff"/>
<path d="M61 166h8M65 162v8" stroke="#51468b" stroke-width="1.5" stroke-linecap="round"/>
</g>
<g filter="url(#glow)">
<path d="M91 84h58a12 12 0 0 1 12 12v25a12 12 0 0 1-12 12h-24l-15 12v-12h-19a12 12 0 0 1-12-12V96a12 12 0 0 1 12-12z"
fill="url(#bubble)" stroke="#ffffff" stroke-width="1.5"/>
<circle cx="103" cy="108" r="3.4" fill="#293b60"/>
<circle cx="120" cy="108" r="3.4" fill="#293b60"/>
<circle cx="137" cy="108" r="3.4" fill="#293b60"/>
</g>
<g fill="none" stroke="#fff0a8" stroke-width="2" stroke-linecap="round">
<path d="M120 55v12M114 61h12"/>
<path d="M120 48v3M107 61h3M130 61h3"/>
</g>
<circle cx="120" cy="61" r="2" fill="#fff0a8"/>
<text x="215" y="220" text-anchor="end" fill="#b4c1e1" font-family="sans-serif" font-size="7" letter-spacing="1.2">ChatGPT</text>
</svg>
⏱
Benchmark Run — Sep 29, 2026 Ezarwebmaster
Stealthspace-bunny-alpha
Extended
stop
Latency
1m 5s
client → response
Input Tokens
350
prompt tokens
Output
8,214
generated
Total Tokens
8,564
in + out
Billed Cost
$0.000000
OR Credits
Reasoning
—
thinking tokens
Model Output
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240" role="img" aria-labelledby="title desc">
<title id="title">GPT-5 creative maker tile</title>
<desc id="desc">A colorful AI prism connects code, image, language, and generative design.</desc>
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop stop-color="#fbfdff"/>
<stop offset="1" stop-color="#f1f5fb"/>
</linearGradient>
<linearGradient id="core" x1="0" y1="0" x2="1" y2="1">
<stop stop-color="#20c9d5"/>
<stop offset=".48" stop-color="#5375ee"/>
<stop offset="1" stop-color="#9b55d7"/>
</linearGradient>
<linearGradient id="scene" x1="0" y1="0" x2="0" y2="1">
<stop stop-color="#ffd56a"/>
<stop offset=".58" stop-color="#ff8b72"/>
<stop offset="1" stop-color="#a45ed3"/>
</linearGradient>
<pattern id="dots" width="12" height="12" patternUnits="userSpaceOnUse">
<circle cx="1" cy="1" r=".7" fill="#dce5f0"/>
</pattern>
<filter id="shadow" x="-35%" y="-35%" width="170%" height="190%">
<feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#17233a" flood-opacity=".16"/>
</filter>
<clipPath id="tile">
<rect width="240" height="240" rx="24"/>
</clipPath>
<clipPath id="picture">
<rect x="176" y="64" width="33" height="27" rx="6"/>
</clipPath>
</defs>
<g clip-path="url(#tile)">
<rect width="240" height="240" fill="url(#bg)"/>
<rect width="240" height="240" fill="url(#dots)" opacity=".62"/>
<g fill="none" stroke-linecap="round">
<circle cx="120" cy="116" r="69" stroke="#d5deeb" stroke-width="1.2" stroke-dasharray="2 7"/>
<path d="M61 151A70 70 0 0 1 64 79" stroke="#2dc6d3" stroke-width="2" opacity=".7"/>
<path d="M178 83A70 70 0 0 1 183 143" stroke="#f0a33b" stroke-width="2" opacity=".65"/>
<path d="M177 165A70 70 0 0 1 142 180" stroke="#8e62d9" stroke-width="2" opacity=".6"/>
</g>
<rect x="88" y="17" width="64" height="18" rx="9" fill="#18243a"/>
<text x="120" y="28.6" text-anchor="middle" fill="#fff" font-family="Arial, sans-serif" font-size="6.5" font-weight="700" letter-spacing="1.2">PROMPT IN</text>
<path d="M120 35V56" fill="none" stroke="#a6b3c7" stroke-width="1.3" stroke-linecap="round" stroke-dasharray="2 4"/>
<path d="M116.5 53.5 120 57.5 123.5 53.5" fill="none" stroke="#6d7e98" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
<g fill="none" stroke-width="2.2" stroke-linecap="round">
<path d="M68 99C77 99 79 100 88 105" stroke="#27bfd1"/>
<path d="M170 81C160 81 157 84 150 90" stroke="#eea23b"/>
<path d="M170 161C161 161 158 157 151 150" stroke="#9360d5"/>
<path d="M89 177C94 169 97 164 102 159" stroke="#20ae83"/>
</g>
<g fill="#fff" stroke-width="2">
<circle cx="69" cy="99" r="2.4" stroke="#27bfd1"/>
<circle cx="169" cy="81" r="2.4" stroke="#eea23b"/>
<circle cx="169" cy="161" r="2.4" stroke="#9360d5"/>
<circle cx="90" cy="177" r="2.4" stroke="#20ae83"/>
</g>
<g filter="url(#shadow)">
<rect x="25" y="78" width="44" height="48" rx="12" fill="#17243b"/>
<rect x="31" y="84" width="32" height="29" rx="7" fill="#203454"/>
<text x="47" y="102.5" text-anchor="middle" fill="#79e7f2" font-family="Consolas, monospace" font-size="12" font-weight="700"></></text>
<text x="47" y="121" text-anchor="middle" fill="#aebbd0" font-family="Arial, sans-serif" font-size="5.3" font-weight="700" letter-spacing="1">CODE</text>
</g>
<g filter="url(#shadow)">
<rect x="170" y="58" width="45" height="48" rx="12" fill="#fff" stroke="#f2d8ae"/>
<g clip-path="url(#picture)">
<rect x="176" y="64" width="33" height="27" fill="url(#scene)"/>
<circle cx="199" cy="72" r="4" fill="#fff5b5"/>
<path d="M176 88 187 76 195 84 202 78 209 85V94H176Z" fill="#624b9d"/>
<path d="M176 91 185 83 193 89 200 84 209 91V94H176Z" fill="#352f67"/>
</g>
<text x="192.5" y="101" text-anchor="middle" fill="#b16a38" font-family="Arial, sans-serif" font-size="5.3" font-weight="700" letter-spacing="1">IMAGE</text>
</g>
<g filter="url(#shadow)">
<rect x="170" y="140" width="45" height="46" rx="12" fill="#fff" stroke="#ded4f1"/>
<path d="M184 146H201A6 6 0 0 1 207 152V158A6 6 0 0 1 201 164H188L181 169V162A6 6 0 0 1 177 156V152A6 6 0 0 1 184 146Z" fill="#f1ecfb"/>
<circle cx="186" cy="155" r="2" fill="#8b5dcc"/>
<circle cx="192" cy="155" r="2" fill="#8b5dcc"/>
<circle cx="198" cy="155" r="2" fill="#8b5dcc"/>
<text x="192.5" y="181" text-anchor="middle" fill="#7851ad" font-family="Arial, sans-serif" font-size="5.3" font-weight="700" letter-spacing=".8">WORDS</text>
</g>
<g filter="url(#shadow)">
<rect x="45" y="154" width="44" height="45" rx="12" fill="#eafaf4" stroke="#c2e9d9"/>
<path d="M52 165C57 160 61 170 66 165S75 160 82 165" fill="none" stroke="#2cb98a" stroke-width="2" stroke-linecap="round"/>
<path d="M52 172C57 167 61 177 66 172S75 167 82 172" fill="none" stroke="#6686e7" stroke-width="2" stroke-linecap="round"/>
<path d="M52 179C57 174 61 184 66 179S75 174 82 179" fill="none" stroke="#eb6f8e" stroke-width="2" stroke-linecap="round"/>
<text x="67" y="193" text-anchor="middle" fill="#27866c" font-family="Arial, sans-serif" font-size="5.3" font-weight="700" letter-spacing="1">MAKE</text>
</g>
<circle cx="120" cy="116" r="57" fill="#fff" stroke="#dce4ef" filter="url(#shadow)"/>
<path d="M120 72 151 89 155 125 127 152 97 149 81 121 90 89Z" fill="url(#core)"/>
<path d="M120 72 120 104 90 89Z" fill="#fff" opacity=".1"/>
<path d="M120 104 155 125 127 152Z" fill="#522fb2" opacity=".15"/>
<path d="M81 121 120 104 97 149Z" fill="#21d2bd" opacity=".1"/>
<path d="M120 82 122.3 90.4 130.5 93 122.3 95.4 120 103.8 117.7 95.4 109.5 93 117.7 90.4Z" fill="#fff"/>
<path d="M99 133 108 106 120 124 132 106 141 133" fill="none" stroke="#fff" stroke-width="6.5" stroke-linecap="round" stroke-linejoin="round"/>
<g fill="#fff">
<circle cx="99" cy="133" r="2.3"/>
<circle cx="108" cy="106" r="2.3"/>
<circle cx="120" cy="124" r="2.3"/>
<circle cx="132" cy="106" r="2.3"/>
<circle cx="141" cy="133" r="2.3"/>
</g>
<text x="120" y="144" text-anchor="middle" fill="#e9e5ff" font-family="Arial, sans-serif" font-size="5.5" font-weight="700" letter-spacing="2">AI</text>
<g fill="#fff" stroke-width="2.2">
<circle cx="90" cy="89" r="4" stroke="#29c6d1"/>
<circle cx="151" cy="89" r="4" stroke="#efa23e"/>
<circle cx="155" cy="125" r="4" stroke="#9560d7"/>
<circle cx="127" cy="152" r="4" stroke="#eb708e"/>
<circle cx="97" cy="149" r="4" stroke="#26b98a"/>
<circle cx="81" cy="121" r="4" stroke="#6085e8"/>
</g>
<g fill="#d8e2ef">
<path d="M27 35 28.6 40.4 34 42 28.6 43.6 27 49 25.4 43.6 20 42 25.4 40.4Z"/>
<path d="M211 29 212.2 33.1 216 34.3 212.2 35.5 211 39.5 209.8 35.5 206 34.3 209.8 33.1Z"/>
<path d="M214 201 215.2 205.1 219 206.3 215.2 207.5 214 211.5 212.8 207.5 209 206.3 212.8 205.1Z"/>
</g>
<path d="M35 207H68M172 207H205" stroke="#cbd6e5" stroke-width="1" stroke-linecap="round"/>
<text x="120" y="210" text-anchor="middle" fill="#26334a" font-family="Arial, sans-serif" font-size="7" font-weight="700" letter-spacing=".75">ONE MIND · MANY POSSIBILITIES</text>
<text x="120" y="221" text-anchor="middle" fill="#8490a3" font-family="Arial, sans-serif" font-size="5.2" letter-spacing="1.1">DREAM · REASON · BUILD</text>
<path d="M15 229 19 225 23 229 19 233Z" fill="#536fe0"/>
<circle cx="19" cy="229" r="1.4" fill="#fff"/>
<text x="226" y="231" text-anchor="end" fill="#68768c" font-family="Arial, sans-serif" font-size="5.5" font-weight="700" letter-spacing=".5">GPT-5</text>
</g>
<rect x=".75" y=".75" width="238.5" height="238.5" rx="23.25" fill="none" stroke="#d9e2ed" stroke-width="1.5"/>
</svg>