mirror of
https://github.com/hanzoai/brand.git
synced 2026-10-23 03:05:28 +00:00
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:
@@ -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
@@ -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 |
@@ -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 |
Reference in New Issue
Block a user