localadministrator/avbeat-com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

brand: neon BROADCAST BEAT wordmark (SVG + PNG)

Browse Source 
- SVG logo at public/brand/logo.svg with pink-magenta BROADCAST,
  cyan BEAT, cyan heartbeat waveform underline, ™ mark, and
  "THE PULSE OF PRODUCTION INTELLIGENCE" tagline
- PNG renders at 1x (1200x320), 2x (2400x640), small (600x160)
- Header swapped from /assets/images/logo.png to /brand/logo.svg

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ryan Salazar
2026-05-22 00:30:35 +00:00
parent aee67ef9f6
commit 6e7e660927
5 changed files with 108 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
public/brand/logo.svg Normal file
View File

@@ -0,0 +1,103 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 320" width="1200" height="320" role="img" aria-label="Broadcast Beat — The Pulse of Production Intelligence">
<defs>
<!-- Background gradient: deep navy → near-black -->
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#050B1E"/>
<stop offset="100%" stop-color="#020613"/>
</linearGradient>
<!-- Wide soft halo (outer bloom) -->
<filter id="haloPink" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="18"/>
</filter>
<filter id="haloCyan" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="18"/>
</filter>
<!-- Tighter glow (inner neon) -->
<filter id="glowPink" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur stdDeviation="3.5"/>
</filter>
<filter id="glowCyan" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur stdDeviation="3.5"/>
</filter>
<!-- Tagline subtle glow -->
<filter id="glowSoft" x="-20%" y="-50%" width="140%" height="200%">
<feGaussianBlur stdDeviation="1.6"/>
</filter>
<style>
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800;900&amp;family=Inter:wght@500;600&amp;display=swap');
.word {
font-family: 'Barlow Condensed', 'Oswald', 'Nimbus Sans Narrow', 'Inter', 'Helvetica Neue', Arial, sans-serif;
font-weight: 900;
font-size: 118px;
letter-spacing: -0.012em;
}
.tm {
font-family: 'Inter', 'Nimbus Sans Narrow', 'Helvetica Neue', Arial, sans-serif;
font-weight: 600;
font-size: 22px;
}
.tag {
font-family: 'Inter', 'Nimbus Sans Narrow', 'Helvetica Neue', Arial, sans-serif;
font-weight: 500;
font-size: 20px;
letter-spacing: 0.34em;
}
</style>
</defs>
<!-- Dark background -->
<rect width="1200" height="320" fill="url(#bg)"/>
<!-- Faint vignette + scanline accents (optional broadcast vibe) -->
<rect width="1200" height="1" y="0" fill="#00d4ff" opacity="0.10"/>
<rect width="1200" height="1" y="319" fill="#ff2188" opacity="0.10"/>
<!-- ─── BROADCAST (pink/magenta neon) ─────────────────────────── -->
<g text-anchor="end">
<!-- outer halo -->
<text class="word" x="595" y="180" fill="#ff2188" opacity="0.85" filter="url(#haloPink)">BROADCAST</text>
<!-- mid glow -->
<text class="word" x="595" y="180" fill="#ff58a8" opacity="0.95" filter="url(#glowPink)">BROADCAST</text>
<!-- white core -->
<text class="word" x="595" y="180" fill="#ffffff">BROADCAST</text>
</g>
<!-- ─── BEAT (cyan neon) ──────────────────────────────────────── -->
<g text-anchor="start">
<text class="word" x="615" y="180" fill="#00d4ff" opacity="0.85" filter="url(#haloCyan)">BEAT</text>
<text class="word" x="615" y="180" fill="#5ee5ff" opacity="0.95" filter="url(#glowCyan)">BEAT</text>
<text class="word" x="615" y="180" fill="#ffffff">BEAT</text>
</g>
<!-- ™ mark near end of BEAT, upper right -->
<g>
<text class="tm" x="918" y="90" fill="#7feaff" filter="url(#glowCyan)">™</text>
<text class="tm" x="918" y="90" fill="#ffffff">™</text>
</g>
<!-- ─── Waveform / heartbeat pulse ────────────────────────────── -->
<g>
<!-- Halo pass -->
<path d="M 70 218 L 460 218 L 480 218 L 500 198 L 520 240 L 540 152 L 560 274 L 580 198 L 600 226 L 620 218 L 1130 218"
fill="none" stroke="#00d4ff" stroke-width="6" stroke-linejoin="round" stroke-linecap="round"
filter="url(#haloCyan)" opacity="0.75"/>
<!-- Mid stroke -->
<path d="M 70 218 L 460 218 L 480 218 L 500 198 L 520 240 L 540 152 L 560 274 L 580 198 L 600 226 L 620 218 L 1130 218"
fill="none" stroke="#00d4ff" stroke-width="3" stroke-linejoin="round" stroke-linecap="round"
filter="url(#glowCyan)"/>
<!-- Crisp white core -->
<path d="M 70 218 L 460 218 L 480 218 L 500 198 L 520 240 L 540 152 L 560 274 L 580 198 L 600 226 L 620 218 L 1130 218"
fill="none" stroke="#ffffff" stroke-width="1.2" stroke-linejoin="round" stroke-linecap="round"/>
</g>
<!-- ─── Tagline ───────────────────────────────────────────────── -->
<g text-anchor="middle">
<text class="tag" x="600" y="282" fill="#ffffff" opacity="0.85" filter="url(#glowSoft)">THE PULSE OF PRODUCTION INTELLIGENCE</text>
<text class="tag" x="600" y="282" fill="#ffffff">THE PULSE OF PRODUCTION INTELLIGENCE</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB