mirror of
https://github.com/hanzoai/bootnode.git
synced 2026-10-25 02:31:30 +00:00
zeekay
b2af6aff33
Matches the canonical brand-package shape (parallel to @hanzo/brand, @luxfi/brand, @zooai/brand, @osage/brand, etc.): - package.json — name @bootnode-io/brand, version 0.1.0, public, exports ./, ./brand.json, ./loader, ./assets/* - brand.json — canonical schema (brand, chains, iam, rpc, walletConnect, api blocks) - src/index.ts + src/loader.ts — TS source compiled to dist/ via tsup (cjs+esm+dts) - tsconfig.json — ES2020 + bundler resolution - .npmignore — ship dist/, assets/, brand.json only Existing config.ts + components.tsx + DESIGN.md preserved. Publish (when npm @bootnode-io scope is reserved + creds available): cd brand && npm publish --access public
Bootnode Brand Guidelines
Following Hanzo ecosystem branding standards.
Logo Usage
Primary Logo
- Use
bootnode-logo.svgfor main branding - Minimum size: 32px height
- Clear space: 50% of logo height on all sides
Logo Variants
- Main: Full color with shadow and gradient
- White: For dark backgrounds
- Mono: Single color for monochrome uses
- Icon: Symbol only for compact spaces
Don'ts
- Don't stretch or distort the logo
- Don't change colors outside approved palette
- Don't add effects or modifications
- Don't use on busy backgrounds without proper contrast
Color Palette
// Primary brand colors
$bootnode-primary: #372929; // Logo background
$bootnode-white: #ffffff; // Logo highlight
$bootnode-gray: #d8d8d8; // Logo gradient
$bootnode-surface: #f5f5f5; // UI surfaces
$bootnode-text: #1a1a1a; // Primary text
$bootnode-muted: #6b7280; // Secondary text
Typography
- Primary: Geist Sans (modern, clean)
- Monospace: Geist Mono (code, technical content)
- Weights: 400 (normal), 500 (medium), 600 (semibold), 700 (bold)
Voice & Tone
- Professional yet approachable
- Technical but accessible
- Innovative and forward-thinking
- Reliable and trustworthy
- Developer-focused language
Messaging
Tagline
"Blockchain Infrastructure for Developers"
Key Messages
- Complete blockchain development platform
- Multi-chain support out of the box
- Enterprise-grade security and reliability
- Developer-first experience
- Unified Hanzo ecosystem integration
Applications
Web Applications
- Use primary logo in header/navigation
- Apply color palette consistently
- Follow typography hierarchy
- Maintain proper spacing and alignment
Documentation
- Use mono logo for technical contexts
- Include proper attribution
- Link back to main platform
- Follow established information architecture
Admin Interfaces
- Emphasize security and professionalism
- Use Hanzo IAM integration badges
- Clear organizational hierarchy
- Consistent with main platform design
Integration Standards
Hanzo Ecosystem
- Maintain visual consistency with other Hanzo properties
- Use unified authentication (hanzo.id, zoo.id, lux.id, pars.id)
- Follow shared component library patterns
- Respect cross-product user journeys
External Integrations
- Maintain brand integrity in third-party contexts
- Provide clear attribution and links
- Use appropriate logo variants for different platforms
- Follow platform-specific guidelines while preserving brand essence
For questions or brand asset requests, contact the Hanzo brand team.