fix(branding): align "i" glyph with text baseline in GitHub SVGs, add brand pack & wallpaper generator

Scale the branded "i" glyph proportionally to each SVG's font size
(scale 0.94 for 64px, 1.24 for 84px) and align the stem bottom to
the text baseline so the glyph sits naturally beside "NTERCEPT".

Also adds brand-pack.html (logos, profiles, banners, stickers, release
templates) and wallpapers.html (12 themes, 8 resolutions, PNG export).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-03-12 22:41:19 +00:00
parent 91ee6f8628
commit fe752fb2f9
4 changed files with 1823 additions and 12 deletions
+6 -6
View File
@@ -34,13 +34,13 @@
</g>
<!-- Title: branded "i" glyph + NTERCEPT text -->
<g transform="translate(486, 82) scale(0.55)">
<circle cx="50" cy="20" r="7" fill="#00ff88"/>
<rect x="43" y="33" width="14" height="48" rx="2" fill="#00d4ff"/>
<rect x="36" y="33" width="28" height="5" rx="1" fill="#00d4ff"/>
<rect x="36" y="76" width="28" height="5" rx="1" fill="#00d4ff"/>
<g transform="translate(462, 62) scale(0.94)">
<circle cx="50" cy="18" r="6" fill="#00ff88"/>
<rect x="44" y="30" width="12" height="45" rx="2" fill="#00d4ff"/>
<rect x="38" y="30" width="24" height="4" rx="1" fill="#00d4ff"/>
<rect x="38" y="71" width="24" height="4" rx="1" fill="#00d4ff"/>
</g>
<text x="520" y="135" font-family="'Segoe UI','Helvetica Neue',Arial,sans-serif" font-size="64" font-weight="800" letter-spacing="-1.5" fill="white">NTERCEPT</text>
<text x="524" y="135" font-family="'Segoe UI','Helvetica Neue',Arial,sans-serif" font-size="64" font-weight="800" letter-spacing="-1.5" fill="white">NTERCEPT</text>
<!-- Subtitle -->
<text x="490" y="170" font-family="'Segoe UI','Helvetica Neue',Arial,sans-serif" font-size="18" font-weight="300" fill="rgba(255,255,255,0.35)">

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

+6 -6
View File
@@ -42,13 +42,13 @@
</g>
<!-- Title: branded "i" glyph + NTERCEPT text -->
<g transform="translate(370, 310) scale(0.72)">
<circle cx="50" cy="20" r="7" fill="#00ff88"/>
<rect x="43" y="33" width="14" height="48" rx="2" fill="#00d4ff"/>
<rect x="36" y="33" width="28" height="5" rx="1" fill="#00d4ff"/>
<rect x="36" y="76" width="28" height="5" rx="1" fill="#00d4ff"/>
<g transform="translate(320, 283) scale(1.24)">
<circle cx="50" cy="18" r="6" fill="#00ff88"/>
<rect x="44" y="30" width="12" height="45" rx="2" fill="#00d4ff"/>
<rect x="38" y="30" width="24" height="4" rx="1" fill="#00d4ff"/>
<rect x="38" y="71" width="24" height="4" rx="1" fill="#00d4ff"/>
</g>
<text x="415" y="380" font-family="'Segoe UI','Helvetica Neue',Arial,sans-serif" font-size="84" font-weight="800" letter-spacing="-2" fill="white">NTERCEPT</text>
<text x="400" y="380" font-family="'Segoe UI','Helvetica Neue',Arial,sans-serif" font-size="84" font-weight="800" letter-spacing="-2" fill="white">NTERCEPT</text>
<!-- Subtitle -->
<text x="640" y="425" text-anchor="middle" font-family="'Segoe UI','Helvetica Neue',Arial,sans-serif" font-size="24" font-weight="300" fill="rgba(255,255,255,0.4)" letter-spacing="0.5">

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB