theseus-site/brand/banner.svg
Local Dev 8ae97fc9ba site(theseus.x): brand book, family footer, thread mark on Plug-ins page
- New /brand/ directory: compass-mark favicon and logo variants (colour +
  monochrome currentColor), 512x512 avatar with rounded corners, 1200x630
  banner for OpenGraph/Twitter cards, and a brand book page mirroring the
  Sirius.X and Ariadne.X pattern — logo & wordmark, avatar & favicon,
  social banner, colour palette, typography, usage & licence.
- Footer replaces the single-line attribution with the deep, four-column
  family footer (brand column plus Product, Download, Pantheon), an alpha
  badge bar, and the acid-green accent used elsewhere on the site. Brand
  and Sirius.X + Ariadne.X + Hephaestus.X cross-links live here now.
- Ariadne's Thread plug-in card on /plug-ins/ swaps the spool emoji for
  the actual brand-book thread mark (thread.svg, calm variant, 26px
  beside the h3). Same asset the resolver page carries, copied into
  local /assets/ so the icon works offline and doesn't cross-origin.
- /extensions/ picks up a Brand link in the topnav to match the sibling
  pages' navigation set.
2026-09-30 12:12:44 +02:00

46 lines
2 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630">
<!-- theseus.x social banner — 1200x630 OpenGraph / Twitter Card canonical.
Composition is horizontal: compass mark on the left third, wordmark
centred, tagline underneath. Centre-safe for Facebook + Discord crops. -->
<defs>
<radialGradient id="glow" cx="30%" cy="40%" r="60%">
<stop offset="0%" stop-color="#16202e" stop-opacity="1"/>
<stop offset="100%" stop-color="#0b0e14" stop-opacity="1"/>
</radialGradient>
<filter id="mark-shadow" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="12" in="SourceGraphic"/>
</filter>
</defs>
<rect width="1200" height="630" fill="url(#glow)"/>
<!-- Compass mark, large, left of centre -->
<g transform="translate(280 175) scale(4.4)">
<g opacity="0.28" filter="url(#mark-shadow)">
<rect width="64" height="64" rx="12" fill="#d6ff3d"/>
</g>
<rect width="64" height="64" rx="12" fill="#0b0e14"/>
<path d="M32 6 L38 32 L26 32 Z" fill="#e04e4e"/>
<path d="M38 32 L32 58 L26 32 Z" fill="#d6ff3d"/>
<path d="M6 32 L32 27 L58 32 L32 37 Z" fill="#d6ff3d" opacity="0.55"/>
<circle cx="32" cy="32" r="3" fill="#0b0e14"/>
</g>
<!-- Wordmark, right of the compass -->
<text x="580" y="330" font-family="system-ui, -apple-system, Segoe UI, Roboto, sans-serif"
font-size="90" font-weight="700" fill="#e7eaf1" letter-spacing="-1.5">
theseus<tspan fill="#d6ff3d">.x</tspan>
</text>
<!-- Tagline -->
<text x="580" y="385" font-family="system-ui, -apple-system, Segoe UI, Roboto, sans-serif"
font-size="26" font-weight="500" fill="#8b98a9" letter-spacing=".3">
The browser that speaks Bitcoin Cash names
</text>
<!-- Small metadata footer, centre-safe -->
<text x="600" y="560" text-anchor="middle" font-family="ui-monospace, monospace"
font-size="18" fill="#5e6678" letter-spacing="2">
NATIVE BCNR RESOLUTION · WINDOWS + ANDROID
</text>
</svg>