e5ed801ea7
Two brand kits, one design language. Each site now has a /brand/ page + a
favicon; every page I own on silentmode.st links the SVG favicon (parallel
sessions can add the same line to Sirius/Hephaestus/Choose when they touch
those files).
Silent Mode kit (site/brand/, site/favicon.svg):
Mark — two interlocking chain links, one muted (#8b98a9) + one acid
(#d6ff3d). The umbrella family mark.
Logo, wordmark, avatar (400x400 social), banner (1500x500 social header).
Brand page shows every asset with SVG download, colour palette
(tokens matching shared.css), usage do's and don'ts.
navigate.st kit (navigate.st/brand/, navigate.st/favicon.svg):
Mark — compass rose (N acid, other points muted) inside a chain-link
ring. Ring keeps it in the Silent Mode family without cloning the
SilentMode mark; compass says what this specific site is (the
wayfinding front door).
Same asset set: logo, wordmark, avatar, banner. Standalone brand page
(no shared.css — navigate.st runs single-file).
nginx (VPS): added two locations to sites-enabled/navigate-st so /favicon.svg
and /brand/* resolve from /opt/silent-mode/navigate-brand/. Rollback point
at sites-enabled/navigate-st.bak.1788146513. silentmode.st serves both from
disk under /opt/silent-mode/site/ — no vhost change needed.
Verified live: all favicon + brand URLs return 200 on both hosts.
20 lines
882 B
XML
20 lines
882 B
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
|
||
<title>Silent Mode — avatar (400×400 profile square)</title>
|
||
<defs>
|
||
<radialGradient id="bg" cx="50%" cy="18%" r="90%">
|
||
<stop offset="0%" stop-color="#16202e"/>
|
||
<stop offset="100%" stop-color="#0b0e14"/>
|
||
</radialGradient>
|
||
</defs>
|
||
<rect width="400" height="400" fill="url(#bg)"/>
|
||
<g transform="translate(70,140)">
|
||
<rect x="0" y="0" width="150" height="90" rx="45" ry="45"
|
||
fill="none" stroke="#8b98a9" stroke-width="18"/>
|
||
<rect x="110" y="0" width="150" height="90" rx="45" ry="45"
|
||
fill="none" stroke="#d6ff3d" stroke-width="18"/>
|
||
</g>
|
||
<text x="200" y="310" font-family="system-ui,-apple-system,Segoe UI,sans-serif"
|
||
font-size="38" font-weight="600" text-anchor="middle" fill="#e7eaf1">
|
||
Silent <tspan fill="#d6ff3d">Mode</tspan>
|
||
</text>
|
||
</svg>
|