feat: branding updates

This commit is contained in:
Hayden Hargreaves 2026-04-24 23:52:33 -07:00
parent 9d0e25a4af
commit aeb719c391
5 changed files with 42 additions and 8 deletions

View File

@ -4,7 +4,9 @@
</a> </a>
</p> </p>
<h3 align="center">Termtap</h3> <p align="center">
<img src="logo-termtap-concept.svg" alt="termtap logo" width="360" />
</p>
<p align="center">Tap into your app's API traffic from the terminal.</p> <p align="center">Tap into your app's API traffic from the terminal.</p>
<p align="center"> <p align="center">

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 609 B

View File

@ -0,0 +1,11 @@
<svg width="1400" height="420" viewBox="0 0 1400 420" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="1400" height="420" fill="#02060E"/>
<rect x="74" y="92" width="236" height="236" rx="24" fill="#040B16" stroke="#1A2432" stroke-width="4"/>
<circle cx="112" cy="130" r="8" fill="#2A333C"/>
<circle cx="140" cy="130" r="8" fill="#2A333C"/>
<circle cx="168" cy="130" r="8" fill="#2A333C"/>
<path d="M130 188L162 214L130 240" stroke="#6DE1A5" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="182" y="232" width="58" height="10" rx="5" fill="#6DE1A5"/>
<text x="365" y="262" fill="#D9E0EA" font-family="'IBM Plex Mono', 'JetBrains Mono', monospace" font-size="136" font-weight="700" letter-spacing="-3">termtap</text>
<text x="930" y="262" fill="#6DE1A5" font-family="'IBM Plex Mono', 'JetBrains Mono', monospace" font-size="136" font-weight="700">.</text>
</svg>

After

Width:  |  Height:  |  Size: 919 B

View File

@ -0,0 +1,12 @@
<svg width="1400" height="420" viewBox="0 0 1400 420" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="1400" height="420" fill="#02060E"/>
<rect x="74" y="92" width="236" height="236" rx="24" fill="#040B16" stroke="#1A2432" stroke-width="4"/>
<circle cx="112" cy="130" r="8" fill="#2A333C"/>
<circle cx="140" cy="130" r="8" fill="#2A333C"/>
<circle cx="168" cy="130" r="8" fill="#2A333C"/>
<path d="M130 188L162 214L130 240" stroke="#6DE1A5" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="182" y="232" width="58" height="10" rx="5" fill="#6DE1A5"/>
<text x="365" y="262" fill="#D9E0EA" font-family="'IBM Plex Mono', 'JetBrains Mono', monospace" font-size="136" font-weight="700" letter-spacing="-3">termtap</text>
<text x="930" y="262" fill="#6DE1A5" font-family="'IBM Plex Mono', 'JetBrains Mono', monospace" font-size="136" font-weight="700">.</text>
<text x="368" y="304" fill="#7E8897" font-family="'IBM Plex Mono', 'JetBrains Mono', monospace" font-size="28" letter-spacing="1">tap into backend traffic</text>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -12,14 +12,15 @@ export function SiteHeader({ page, onNavigate }: SiteHeaderProps) {
return ( return (
<header className="flex items-center justify-between px-5 pb-2 pt-6 text-xs md:px-8 md:text-sm"> <header className="flex items-center justify-between px-5 pb-2 pt-6 text-xs md:px-8 md:text-sm">
<a className="text-slate-200 no-underline" href="/" onClick={(event) => { <a
className="inline-flex items-center no-underline"
href="/"
onClick={(event) => {
event.preventDefault() event.preventDefault()
onNavigate('/') onNavigate('/')
}}> }}
<span className="mr-1 text-emerald-400" aria-hidden="true"> >
~ <img src="/logo-termtap-concept-no-undertext.svg" alt="Termtap" className="h-7 w-auto md:h-8" />
</span>
termtap
</a> </a>
<nav className="flex gap-4 md:gap-6"> <nav className="flex gap-4 md:gap-6">
{page === 'home' ? ( {page === 'home' ? (