crates/estate-svg/golden/skade.svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1180 900" font-family="'DejaVu Sans', 'Segoe UI', sans-serif">
<defs>
<linearGradient id="board" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="var(--estate-board-top, #0b1c2e)"/><stop offset="1" stop-color="var(--estate-board-bottom, #06111d)"/>
</linearGradient>
<linearGradient id="chip" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="var(--estate-chip-top, #14384f)"/><stop offset="1" stop-color="var(--estate-chip-bottom, #0e2a3e)"/>
</linearGradient>
<linearGradient id="rail" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="var(--estate-rail-top, #173d57)"/><stop offset="1" stop-color="var(--estate-rail-bottom, #0c2438)"/>
</linearGradient>
<linearGradient id="slot" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="var(--estate-slot-top, #123448)"/><stop offset="1" stop-color="var(--estate-slot-bottom, #0a2032)"/>
</linearGradient>
<linearGradient id="dark" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="var(--estate-dark-top, #0d1f2e)"/><stop offset="1" stop-color="var(--estate-dark-bottom, #081521)"/>
</linearGradient>
</defs>
<rect x="0" y="0" width="1180" height="900" fill="url(#board)"/>
<g stroke="var(--estate-rule, #143a52)" stroke-width="1">
<line x1="0" y1="76" x2="1180" y2="76"/>
<line x1="0" y1="824" x2="1180" y2="824"/>
</g>
<g fill="var(--estate-via, #16415c)">
<circle cx="40" cy="40" r="2"/><circle cx="1140" cy="40" r="2"/>
<circle cx="40" cy="872" r="2"/><circle cx="1140" cy="872" r="2"/>
</g>
<text x="40" y="46" fill="var(--estate-ink, #eaf6ff)" font-size="17" font-weight="700">gunnar estate</text>
<text x="40" y="64" fill="var(--estate-ink-body, #86b3cc)" font-size="10.5">3 tenants · a buyer names a meter and an amount, never a machine</text>
<rect x="100" y="132" width="300" height="268" rx="12" fill="url(#chip)" stroke="var(--estate-chip-edge, #5aa6cf)" stroke-width="2.2"/>
<text x="250" y="160" fill="var(--estate-ink, #eaf6ff)" font-size="14.5" font-weight="700" text-anchor="middle">gunnar-front</text>
<text x="250" y="178" fill="var(--estate-ink-dim, #9fc9e0)" font-size="10.5" text-anchor="middle">front</text>
<circle cx="120" cy="154" r="4.5" fill="var(--estate-up, #5fd39a)"/>
<text x="384" y="158" fill="var(--estate-ink-dim, #9fc9e0)" font-size="9.5" text-anchor="end">up</text>
<rect x="122" y="204" width="256" height="28" rx="6" fill="url(#slot)" stroke="var(--estate-accent, #6fd3f5)" stroke-width="1.5"/>
<text x="250" y="222" fill="var(--estate-slot-ink, #bfe6ff)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">upcloud · 0012</text>
<rect x="122" y="242" width="256" height="28" rx="6" fill="url(#slot)" stroke="var(--estate-accent, #6fd3f5)" stroke-width="1.5"/>
<text x="250" y="260" fill="var(--estate-slot-ink, #bfe6ff)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">disk 9.0 GiB of 40.0 GiB</text>
<rect x="122" y="276" width="256" height="4" rx="2" fill="var(--estate-bar-track, #0a2032)"/>
<rect x="122" y="276" width="56" height="4" rx="2" fill="var(--estate-accent, #6fd3f5)"/>
<rect x="122" y="292" width="256" height="28" rx="6" fill="url(#slot)" stroke="var(--estate-accent, #6fd3f5)" stroke-width="1.5"/>
<text x="250" y="310" fill="var(--estate-slot-ink, #bfe6ff)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">4 vCPU · 8 GB</text>
<text x="250" y="336" fill="var(--estate-ink-faint, #7fa8c4)" font-size="9" text-anchor="middle">plan says · STARTER-4xCPU-8GB</text>
<text x="250" y="354" fill="var(--estate-ink-dim, #9fc9e0)" font-size="9.5" text-anchor="middle">cannot grow</text>
<rect x="400" y="262" width="6" height="8" fill="var(--estate-accent, #6fd3f5)"/>
<line x1="406" y1="266" x2="440" y2="266" stroke="var(--estate-rule, #143a52)" stroke-width="1.5"/>
<circle cx="440" cy="266" r="4" fill="var(--estate-pin, #bfecff)"/>
<rect x="440" y="132" width="300" height="268" rx="12" fill="url(#rail)" stroke="var(--estate-rail-edge, #7fc8ea)" stroke-width="2.2"/>
<text x="590" y="160" fill="var(--estate-ink, #eaf6ff)" font-size="14.5" font-weight="700" text-anchor="middle">gunnar-appliance</text>
<text x="590" y="178" fill="var(--estate-ink-dim, #9fc9e0)" font-size="10.5" text-anchor="middle">appliance</text>
<circle cx="460" cy="154" r="4.5" fill="var(--estate-behind, #e0a34f)"/>
<text x="724" y="158" fill="var(--estate-ink-dim, #9fc9e0)" font-size="9.5" text-anchor="end">behind</text>
<rect x="462" y="204" width="256" height="28" rx="6" fill="url(#slot)" stroke="var(--estate-accent, #6fd3f5)" stroke-width="1.5"/>
<text x="590" y="222" fill="var(--estate-slot-ink, #bfe6ff)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">upcloud · 0016</text>
<rect x="462" y="242" width="256" height="28" rx="6" fill="url(#slot)" stroke="var(--estate-accent, #6fd3f5)" stroke-width="1.5"/>
<text x="590" y="260" fill="var(--estate-slot-ink, #bfe6ff)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">disk 34.0 GiB of 40.0 GiB</text>
<rect x="462" y="276" width="256" height="4" rx="2" fill="var(--estate-bar-track, #0a2032)"/>
<rect x="462" y="276" width="217" height="4" rx="2" fill="var(--estate-bar-high, #e0a34f)"/>
<rect x="462" y="292" width="256" height="28" rx="6" fill="url(#slot)" stroke="var(--estate-accent, #6fd3f5)" stroke-width="1.5"/>
<text x="590" y="310" fill="var(--estate-slot-ink, #bfe6ff)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">4.0 cores · 8.0 GiB</text>
<text x="590" y="336" fill="var(--estate-ink-faint, #7fa8c4)" font-size="9" text-anchor="middle">measured · plan STARTER-4xCPU-8GB</text>
<text x="590" y="354" fill="var(--estate-ink-dim, #9fc9e0)" font-size="9.5" text-anchor="middle">can grow</text>
<text x="590" y="372" fill="var(--estate-ink-faint, #7fa8c4)" font-size="9" text-anchor="middle">grows in place & says so</text>
<rect x="740" y="262" width="6" height="8" fill="var(--estate-accent, #6fd3f5)"/>
<line x1="746" y1="266" x2="780" y2="266" stroke="var(--estate-rule, #143a52)" stroke-width="1.5"/>
<circle cx="780" cy="266" r="4" fill="var(--estate-pin, #bfecff)"/>
<rect x="780" y="132" width="300" height="268" rx="12" fill="url(#dark)" stroke="var(--estate-dark-edge, #3d5f74)" stroke-width="2.2"/>
<text x="930" y="160" fill="var(--estate-dark-ink, #6a8ba0)" font-size="14.5" font-weight="700" text-anchor="middle">gunnar-twin</text>
<text x="930" y="178" fill="var(--estate-dark-ink, #6a8ba0)" font-size="10.5" text-anchor="middle">twin</text>
<circle cx="800" cy="154" r="4.5" fill="var(--estate-silent, #e0574f)"/>
<text x="1064" y="158" fill="var(--estate-dark-ink, #6a8ba0)" font-size="9.5" text-anchor="end">silent</text>
<rect x="802" y="204" width="256" height="28" rx="6" fill="url(#slot)" stroke="var(--estate-dark-edge, #3d5f74)" stroke-width="1.5"/>
<text x="930" y="222" fill="var(--estate-dark-ink, #6a8ba0)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">upcloud · 0011</text>
<rect x="802" y="242" width="256" height="28" rx="6" fill="url(#slot)" stroke="var(--estate-dark-edge, #3d5f74)" stroke-width="1.5"/>
<text x="930" y="260" fill="var(--estate-dark-ink, #6a8ba0)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">disk — · not measured</text>
<rect x="802" y="292" width="256" height="28" rx="6" fill="url(#slot)" stroke="var(--estate-dark-edge, #3d5f74)" stroke-width="1.5"/>
<text x="930" y="310" fill="var(--estate-dark-ink, #6a8ba0)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">4 vCPU · 8 GB</text>
<text x="930" y="336" fill="var(--estate-ink-faint, #7fa8c4)" font-size="9" text-anchor="middle">plan says · STARTER-4xCPU-8GB</text>
<text x="930" y="354" fill="var(--estate-dark-ink, #6a8ba0)" font-size="9.5" text-anchor="middle">growth unknown</text>
<text x="930" y="372" fill="var(--estate-ink-faint, #7fa8c4)" font-size="9" text-anchor="middle">the log-holder</text>
<g stroke="var(--estate-rule, #143a52)" stroke-width="1.5">
<line x1="590" y1="400" x2="590" y2="436"/>
<line x1="590" y1="436" x2="590" y2="436"/>
</g>
<rect x="440" y="472" width="300" height="268" rx="12" fill="url(#dark)" stroke="var(--estate-dark-edge, #3d5f74)" stroke-width="2.2"/>
<text x="590" y="500" fill="var(--estate-dark-ink, #6a8ba0)" font-size="14.5" font-weight="700" text-anchor="middle">console</text>
<text x="590" y="518" fill="var(--estate-dark-ink, #6a8ba0)" font-size="10.5" text-anchor="middle">console</text>
<circle cx="460" cy="494" r="4.5" fill="var(--estate-unknown, #7fa8c4)"/>
<text x="724" y="498" fill="var(--estate-dark-ink, #6a8ba0)" font-size="9.5" text-anchor="end">not asked</text>
<rect x="462" y="544" width="256" height="28" rx="6" fill="url(#slot)" stroke="var(--estate-dark-edge, #3d5f74)" stroke-width="1.5"/>
<text x="590" y="562" fill="var(--estate-dark-ink, #6a8ba0)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">upcloud · 007</text>
<rect x="462" y="582" width="256" height="28" rx="6" fill="url(#slot)" stroke="var(--estate-dark-edge, #3d5f74)" stroke-width="1.5"/>
<text x="590" y="600" fill="var(--estate-dark-ink, #6a8ba0)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">disk — · not measured</text>
<rect x="462" y="632" width="256" height="28" rx="6" fill="url(#slot)" stroke="var(--estate-dark-edge, #3d5f74)" stroke-width="1.5"/>
<text x="590" y="650" fill="var(--estate-dark-ink, #6a8ba0)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">4 vCPU · 8 GB</text>
<text x="590" y="676" fill="var(--estate-ink-faint, #7fa8c4)" font-size="9" text-anchor="middle">plan says · STARTER-4xCPU-8GB</text>
<text x="590" y="694" fill="var(--estate-dark-ink, #6a8ba0)" font-size="9.5" text-anchor="middle">growth unknown</text>
<rect x="586" y="436" width="8" height="6" fill="var(--estate-accent, #6fd3f5)"/>
<line x1="590" y1="442" x2="590" y2="472" stroke="var(--estate-rule, #143a52)" stroke-width="1.5"/>
<circle cx="590" cy="472" r="4" fill="var(--estate-pin, #bfecff)"/>
<text x="40" y="852" fill="var(--estate-ink-dim, #9fc9e0)" font-size="10.5" font-weight="700">iron comes from</text>
<rect x="176" y="837" width="176" height="22" rx="5" fill="url(#slot)" stroke="var(--estate-accent, #6fd3f5)" stroke-width="1.4"/>
<text x="264" y="852" fill="var(--estate-slot-ink, #bfe6ff)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">upcloud · purchases go here</text>
<rect x="364" y="837" width="206" height="22" rx="5" fill="url(#slot)" stroke="var(--estate-dark-edge, #3d5f74)" stroke-width="1.4"/>
<text x="467" y="852" fill="var(--estate-slot-ink, #bfe6ff)" font-size="10" text-anchor="middle" font-family="'DejaVu Sans Mono', monospace">server · this box · cannot spend</text>
</svg>