thermograph/static/favicon.svg
Emi Griffith 9b32dff138 New brand mark: C1 step-curve logo wired through favicons, PWA icons, and header (#169)
The mark is a quantized climb through the temperature-band tokens
(cold -> cool -> normal -> warm -> hot -> very-hot) to a rec-hot
terminal at a dashed record line, on the dark rounded tile.

- favicon.svg (canonical) + favicon-16/32/48.png fallbacks; the 16px
  raster drops the whisper strata and record dash so the climb survives
- apple-touch-icon.png 180 rendered edge-to-edge (iOS supplies rounding)
- maskable 192/512 scale the artwork 0.78 about center so every element
  clears the 40%-radius circular safe zone; any-purpose 192/512 and the
  512 OG logo.png regenerated; reused filenames cache-busted with ?v=2
- header lockup: inline glyph referencing var(--cold) etc so a palette
  change propagates, beside a lowercase 650-weight wordmark
- PNGs are palette-quantized with the band/chrome hexes pinned exact;
  full asset set is ~20 KB

Claude-Session: https://claude.ai/code/session_01KdTZCjpLeD26ZbXe6ApjpR
2026-07-18 04:26:42 +00:00

20 lines
1.9 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" role="img" aria-label="Thermograph">
<title>Thermograph</title>
<desc>An uneven quantized climb through grade zones, from Low blue through green Normal to Near Record</desc>
<!-- Step colors derive from the temperature-band tokens in frontend/style.css:1-32
(cold, cool, normal, warm, hot, very-hot, rec-hot); standalone asset bakes the hexes. -->
<rect x="32" y="32" width="448" height="448" rx="96" fill="#10141B" stroke="#FFFFFF" stroke-opacity="0.08" stroke-width="4"/>
<rect x="64" y="170" width="384" height="48" rx="8" fill="#27131C"/>
<rect x="64" y="222" width="384" height="48" rx="8" fill="#38322E"/>
<rect x="64" y="274" width="384" height="48" rx="8" fill="#1A2D27"/>
<rect x="64" y="326" width="384" height="48" rx="8" fill="#26333F"/>
<rect x="64" y="378" width="384" height="48" rx="8" fill="#18293A"/>
<line x1="64" y1="132" x2="448" y2="132" stroke="#46586E" stroke-width="8" stroke-dasharray="26 20"/>
<path d="M64 410 L126 410 L126 386 L160 386" fill="none" stroke="#4393c3" stroke-width="34" stroke-linecap="butt" stroke-linejoin="miter"/>
<path d="M160 403 L160 352 L244 352 L244 368 L282 368" fill="none" stroke="#92c5de" stroke-width="34" stroke-linecap="butt" stroke-linejoin="miter"/>
<path d="M282 385 L282 320 L312 320" fill="none" stroke="#4a9d5b" stroke-width="34" stroke-linecap="butt" stroke-linejoin="miter"/>
<path d="M312 337 L312 248 L338 248" fill="none" stroke="#f6c18a" stroke-width="34" stroke-linecap="butt" stroke-linejoin="miter"/>
<path d="M338 265 L338 196 L366 196" fill="none" stroke="#ef9351" stroke-width="34" stroke-linecap="butt" stroke-linejoin="miter"/>
<path d="M366 213 L366 132 L396 132" fill="none" stroke="#dd6b52" stroke-width="34" stroke-linecap="butt" stroke-linejoin="miter"/>
<rect x="382" y="100" width="64" height="64" rx="12" fill="#8f0e20" stroke="#10141B" stroke-width="12"/>
</svg>