sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette
brand/ ships every reusable mark plus a browseable kit page:
* logo.svg — full colour wordmark (star + sirius.x, .x in acid green)
* logo-mono.svg — currentColor version for print / one-colour merch
* favicon.svg — 64×64 rounded square, scales cleanly to 16×16
* avatar.svg — 512×512 square, hard corners (platforms round-mask)
* banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout
* index.html — brand-kit page: asset previews + download links, full
colour palette with names/hex, typography sample, do/don't guidance,
MIT-attribution notice.
Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs,
theseus). og:image on every page updated to point at /brand/banner.svg
instead of the wordmark logo — social crawlers get a proper 1200×630
banner with title, tagline, and mark instead of a thin logo strip.
Kept /assets/favicon.svg and /assets/logo.svg in place so existing
external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" role="img" aria-label="sirius.x banner">
|
|
|
|
|
<!-- 1200x630 = the OpenGraph / Twitter Card canonical size. Left half is the
|
|
|
|
|
wordmark + tagline; right half is a large decorative star that survives
|
|
|
|
|
aggressive cropping (Facebook, Slack and Discord all crop differently). -->
|
|
|
|
|
<defs>
|
|
|
|
|
<radialGradient id="glow" cx="70%" cy="50%" r="55%">
|
|
|
|
|
<stop offset="0%" stop-color="#16202e"/>
|
|
|
|
|
<stop offset="100%" stop-color="#0b0e14"/>
|
|
|
|
|
</radialGradient>
|
|
|
|
|
</defs>
|
|
|
|
|
<rect width="1200" height="630" fill="url(#glow)"/>
|
|
|
|
|
|
|
|
|
|
<!-- decorative giant star, right side -->
|
|
|
|
|
<g opacity="0.95">
|
2026-09-07 01:24:28 +02:00
|
|
|
<!-- 4-point star. The inner "waist" rectangle sits at x∈[885..915], y∈[300..330]:
|
|
|
|
|
30x30, so vertical and horizontal arms taper at the same rate. An earlier
|
|
|
|
|
100x30 waist made the vertical arms look bloated — see #brand review. -->
|
|
|
|
|
<path d="M900 90 L915 300 L1160 315 L915 330 L900 540 L885 330 L640 315 L885 300 Z"
|
sirius.x: /brand/ kit — logo, mono, avatar, banner, favicon, palette
brand/ ships every reusable mark plus a browseable kit page:
* logo.svg — full colour wordmark (star + sirius.x, .x in acid green)
* logo-mono.svg — currentColor version for print / one-colour merch
* favicon.svg — 64×64 rounded square, scales cleanly to 16×16
* avatar.svg — 512×512 square, hard corners (platforms round-mask)
* banner.svg — 1200×630 OG / Twitter Card canvas, crop-tolerant layout
* index.html — brand-kit page: asset previews + download links, full
colour palette with names/hex, typography sample, do/don't guidance,
MIT-attribution notice.
Nav: added 🎨 Brand link to every sirius.x page (landing, portal, docs,
theseus). og:image on every page updated to point at /brand/banner.svg
instead of the wordmark logo — social crawlers get a proper 1200×630
banner with title, tagline, and mark instead of a thin logo strip.
Kept /assets/favicon.svg and /assets/logo.svg in place so existing
external references (Nostr metadata, third-party embeds) don't break.
2026-08-31 05:44:25 +02:00
|
|
|
fill="#d6ff3d"/>
|
|
|
|
|
</g>
|
|
|
|
|
|
|
|
|
|
<!-- wordmark, left column -->
|
|
|
|
|
<g transform="translate(80, 250)">
|
|
|
|
|
<text font-family="system-ui, -apple-system, Segoe UI, Roboto, sans-serif"
|
|
|
|
|
font-size="110" font-weight="700" fill="#e7eaf1" letter-spacing="-1">
|
|
|
|
|
sirius<tspan fill="#d6ff3d">.x</tspan>
|
|
|
|
|
</text>
|
|
|
|
|
<text y="70" font-family="system-ui, -apple-system, Segoe UI, Roboto, sans-serif"
|
|
|
|
|
font-size="30" font-weight="400" fill="#8b98a9">
|
|
|
|
|
The home for names on Bitcoin Cash.
|
|
|
|
|
</text>
|
|
|
|
|
<text y="115" font-family="system-ui, -apple-system, Segoe UI, Roboto, sans-serif"
|
|
|
|
|
font-size="18" font-weight="500" fill="#5e6678" letter-spacing="1.5">
|
|
|
|
|
REGISTER · RESOLVE · VERIFY
|
|
|
|
|
</text>
|
|
|
|
|
</g>
|
|
|
|
|
</svg>
|
