BridgeSwarm Branding Package v1.0.0
Master brand package (layout mirrors PearDock’s peardock-branding).
Clean geometric mark: three peer nodes bridged into a swarm — teal #2dd4bf on transparent alpha.
Source of truth for icons, favicons, social, website, and CSS tokens.
Critical Rule
Regenerate sizes only from logo/bridgeswarm-icon-master.png.
Use high-quality LANCZOS / Mitchell resizes. Do not recolor-key or re-remove backgrounds.
Rebuild everything:
python3 scripts/build-branding.py
Structure
logo/
bridgeswarm-icon-master.png # Clean square icon (transparent)
bridgeswarm-icon-master-padded.png
bridgeswarm-icon-{16..2048}.png
bridgeswarm-icon-mono.png
bridgeswarm-icon-teal.png
bridgeswarm-icon-dark.png / -light.png
bridgeswarm-logo-full-transparent.png
bridgeswarm-logo-full-1200.png / -800.png
bridgeswarm-logo-dark.png / -light.png
bridgeswarm-wordmark.svg + -dark.svg
bridgeswarm-icon-illustrated.png # Optional AI marketing variant (transparent)
favicons/ # ico + PWA sizes + webmanifest + browserconfig
app-icons/ # electron/ linux/ windows/ macos.iconset/ store icons
website/ # og-image, twitter-card, header-banner, hero-bgs, logos
social/ # avatars + circular + banner
brand-assets/ # colors.css + brand-tokens.json
docs/ # BridgeSwarm-Brand-Guidelines.md
Color Tokens
| Token | Hex | Role |
|---|---|---|
--bs-bg-primary |
#0c0c10 |
Main bg |
--bs-accent-primary |
#2dd4bf |
Teal CTA / nodes |
--bs-accent-info |
#60a5fa |
Secondary accent |
--bs-text-primary |
#ececf1 |
Body text |
Full list in brand-assets/colors.css and brand-tokens.json.
Drop-in Usage
This package is the source of truth. Runtime copies live in the app tree:
| Destination | Contents |
|---|---|
../extension/icons/{16,48,128}.png |
Chrome/Firefox extension icons |
../assets/logo/ |
README + titlebar logos |
../assets/favicons/ |
Favicons + webmanifest |
../assets/brand/ |
colors.css + brand-tokens.json |
<link rel="icon" href="assets/favicons/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="assets/favicons/apple-touch-icon.png">
<link rel="manifest" href="assets/favicons/site.webmanifest">
<meta name="theme-color" content="#2dd4bf">
Programmatic resolve:
const { resolveAssets, COLORS } = require('./bridgeswarm-branding')
const paths = resolveAssets()
// paths.logo.master, paths.favicon[32], …
macOS .icns (on a Mac):
cd app-icons/macos
iconutil -c icns bridgeswarm.iconset -o ../../build/icon.icns
© 2026 snxraven · MIT
Repo: https://git.ssh.surf/snxraven/BridgeSwarm