logos: replace text+Geist H with canonical block-H, black background

The previous favicon/logo/wordmark SVGs rendered the H glyph with
<text font-family="Geist Sans"> — fragile (depends on the viewer
having Geist installed) and not actually the canonical Hanzo block-H.
They also used #d81c33 as the mark background, but Hanzo Red is a
brand accent (links/focus/CTA), never the logo background.

Replaced with the same five SVG paths used by @hanzo/logo/dist
(four corner blocks + diagonal crossbar) on the canonical BLACK
chip. The wordmark also keeps "Hanzo" in currentColor so consumers
can theme it.

No font dependency, no network fetch, scales clean at every size.
This commit is contained in:
Hanzo AI
2026-05-15 16:03:25 -07:00
parent ea19200e3e
commit 81106e14dc
3 changed files with 29 additions and 10 deletions
+9 -3
View File
@@ -1,4 +1,10 @@
<svg width="1024" height="1024" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<rect width="1024" height="1024" fill="#d81c33"/>
<text x="512" y="720" font-family="Geist Sans, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-weight="700" font-size="800" fill="#FFFFFF" text-anchor="middle" letter-spacing="-40">H</text>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<rect width="1024" height="1024" fill="#000000"/>
<g transform="translate(128, 128) scale(11.46)">
<path d="M22.21 67V44.6369H0V67H22.21Z" fill="#ffffff"/>
<path d="M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z" fill="#ffffff"/>
<path d="M22.21 0H0V22.3184H22.21V0Z" fill="#ffffff"/>
<path d="M66.7198 0H44.5098V22.3184H66.7198V0Z" fill="#ffffff"/>
<path d="M66.7198 67V44.6369H44.5098V67H66.7198Z" fill="#ffffff"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 373 B

After

Width:  |  Height:  |  Size: 541 B

+10 -4
View File
@@ -1,5 +1,11 @@
<svg width="1024" height="1024" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<!-- Hanzo brand mark: solid red square (Hanzo Red #d81c33) -->
<rect width="1024" height="1024" fill="#d81c33"/>
<text x="512" y="640" font-family="Geist Sans, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-weight="700" font-size="640" fill="#FFFFFF" text-anchor="middle" letter-spacing="-32">H</text>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<!-- Hanzo brand mark: black square + canonical block-H. Red is the brand accent (links/CTAs); the mark itself is always black + white. -->
<rect width="1024" height="1024" fill="#000000"/>
<g transform="translate(128, 128) scale(11.46)">
<path d="M22.21 67V44.6369H0V67H22.21Z" fill="#ffffff"/>
<path d="M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z" fill="#ffffff"/>
<path d="M22.21 0H0V22.3184H22.21V0Z" fill="#ffffff"/>
<path d="M66.7198 0H44.5098V22.3184H66.7198V0Z" fill="#ffffff"/>
<path d="M66.7198 67V44.6369H44.5098V67H66.7198Z" fill="#ffffff"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 439 B

After

Width:  |  Height:  |  Size: 683 B

+10 -3
View File
@@ -1,5 +1,12 @@
<svg width="1024" height="256" viewBox="0 0 1024 256" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="48" width="160" height="160" fill="#d81c33"/>
<text x="80" y="172" font-family="Geist Sans, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-weight="700" font-size="140" fill="#FFFFFF" text-anchor="middle" letter-spacing="-6">H</text>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 256">
<!-- Mark + wordmark. Mark uses canonical block-H paths (no font). Wordmark "Hanzo" follows in currentColor. -->
<rect x="0" y="48" width="160" height="160" fill="#000000"/>
<g transform="translate(20, 68) scale(1.79)">
<path d="M22.21 67V44.6369H0V67H22.21Z" fill="#ffffff"/>
<path d="M66.7038 22.3184H22.2534L0.0878906 44.6367H44.4634L66.7038 22.3184Z" fill="#ffffff"/>
<path d="M22.21 0H0V22.3184H22.21V0Z" fill="#ffffff"/>
<path d="M66.7198 0H44.5098V22.3184H66.7198V0Z" fill="#ffffff"/>
<path d="M66.7198 67V44.6369H44.5098V67H66.7198Z" fill="#ffffff"/>
</g>
<text x="200" y="172" font-family="Geist Sans, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" font-weight="700" font-size="140" fill="currentColor" letter-spacing="-6">Hanzo</text>
</svg>

Before

Width:  |  Height:  |  Size: 589 B

After

Width:  |  Height:  |  Size: 872 B