20779dbf79
Replace the emerald starburst design (V2.0) with a new compass + code bracket (>) symbol (V3.0) using Black/White/Gray base with Bright Green (#22C55E) accent. Update all SVG assets (logos, icons, favicons) and design documentation to reflect the new brand identity.
36 lines
1.9 KiB
XML
36 lines
1.9 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Logo Mark: Compass-bracket symbol
|
|
A compass rose with a code bracket at center, representing
|
|
"guided path through code" — the essence of Claude How-To -->
|
|
|
|
<!-- Outer compass ring -->
|
|
<circle cx="60" cy="60" r="52" fill="none" stroke="#000000" stroke-width="3"/>
|
|
|
|
<!-- Cardinal tick marks -->
|
|
<line x1="60" y1="8" x2="60" y2="18" stroke="#000000" stroke-width="2.5" stroke-linecap="round"/>
|
|
<line x1="60" y1="102" x2="60" y2="112" stroke="#6B7280" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="8" y1="60" x2="18" y2="60" stroke="#6B7280" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="102" y1="60" x2="112" y2="60" stroke="#6B7280" stroke-width="2" stroke-linecap="round"/>
|
|
|
|
<!-- Intercardinal tick marks (smaller) -->
|
|
<line x1="23.2" y1="23.2" x2="30.3" y2="30.3" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round"/>
|
|
<line x1="89.7" y1="30.3" x2="96.8" y2="23.2" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round"/>
|
|
<line x1="23.2" y1="96.8" x2="30.3" y2="89.7" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round"/>
|
|
<line x1="89.7" y1="89.7" x2="96.8" y2="96.8" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
|
<!-- Compass needle — north (green accent = direction/guidance) -->
|
|
<polygon points="60,20 54,58 60,52 66,58" fill="#22C55E"/>
|
|
|
|
<!-- Compass needle — south (dark) -->
|
|
<polygon points="60,100 54,62 60,68 66,62" fill="#000000"/>
|
|
|
|
<!-- Center code bracket: > symbol (represents "how-to", next step, terminal prompt) -->
|
|
<g transform="translate(60, 60)">
|
|
<polyline points="-8,-10 4,0 -8,10" fill="none" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
|
</g>
|
|
|
|
<!-- Small dot at center pivot -->
|
|
<circle cx="60" cy="60" r="2.5" fill="#22C55E"/>
|
|
</svg>
|