https://github.com/the-swarm-corporation/swarms-brandbook
Swarms.ai represents the cutting-edge of multi-agent framework technology. Our brand embodies innovation, precision, and the collaborative power of intelligent systems working in harmony.
https://github.com/the-swarm-corporation/swarms-brandbook
agents hivemind multi-agent swarms swarms-of-agents
Last synced: 3 months ago
JSON representation
Swarms.ai represents the cutting-edge of multi-agent framework technology. Our brand embodies innovation, precision, and the collaborative power of intelligent systems working in harmony.
- Host: GitHub
- URL: https://github.com/the-swarm-corporation/swarms-brandbook
- Owner: The-Swarm-Corporation
- License: mit
- Created: 2025-06-06T02:05:47.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-06-09T03:30:37.000Z (6 months ago)
- Last Synced: 2025-06-18T14:09:08.764Z (6 months ago)
- Topics: agents, hivemind, multi-agent, swarms, swarms-of-agents
- Homepage: https://swarms.ai
- Size: 5.92 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# Swarms.ai Brand Guidelines
**Multi-Agent Framework Brand Identity**
[PDF Link](swarms_brandbook.pdf)
Version 1.0 | Last Updated: June 2025
---
## Table of Contents
1. [Brand Overview](#brand-overview)
2. [Logo Guidelines](#logo-guidelines)
3. [Color Palette](#color-palette)
4. [Typography](#typography)
5. [Brand Identity](#brand-identity)
6. [Usage Guidelines](#usage-guidelines)
7. [Digital Implementation](#digital-implementation)
8. [Print Guidelines](#print-guidelines)
9. [Brand Voice & Messaging](#brand-voice--messaging)
10. [Contact Information](#contact-information)
---
## Brand Overview
Swarms.ai represents the cutting-edge of multi-agent framework technology. Our brand embodies innovation, precision, and the collaborative power of intelligent systems working in harmony.
### Brand Positioning
- **Industry**: Artificial Intelligence / Multi-Agent Systems
- **Target Audience**: Developers, AI Engineers, Technology Leaders
- **Brand Personality**: Innovative, Technical, Collaborative, Powerful
### Core Values
- **Innovation**: Pushing the boundaries of multi-agent technology
- **Collaboration**: Enabling seamless agent coordination
- **Precision**: Delivering reliable, accurate solutions
- **Scalability**: Building systems that grow with demand
---
## Logo Guidelines
### Primary Logo
The Swarms.ai logo features a distinctive geometric design with interconnected elements representing the collaborative nature of multi-agent systems.
#### Logo Variations
1. **Primary Logo**: Full color version for standard use
2. **Monochrome**: Single color version for limited color applications
3. **White Version**: For use on dark backgrounds
4. **Icon Only**: Simplified mark for small applications
#### Minimum Size Requirements
- **Digital**: 24px height minimum
- **Print**: 12mm height minimum
- **Favicon**: 16x16px, 32x32px, 64x64px
#### Clear Space
Maintain clear space around the logo equal to the height of the "S" in Swarms.
#### Logo Don'ts
- Do not stretch or distort the logo
- Do not change the color relationships
- Do not use on busy backgrounds without proper contrast
- Do not recreate or modify the logo elements
- Do not use outdated versions of the logo
---
## Color Palette
### Primary Colors
#### Swarms Red
- **Hex**: `#FF0000`
- **RGB**: `255, 0, 0`
- **CMYK**: `0, 100, 100, 0`
- **Pantone**: Red 032 C
- **Usage**: Primary accent, call-to-action elements, highlights
#### Deep Black
- **Hex**: `#000000`
- **RGB**: `0, 0, 0`
- **CMYK**: `0, 0, 0, 100`
- **Usage**: Primary text, backgrounds, logo applications
#### Pure White
- **Hex**: `#FFFFFF`
- **RGB**: `255, 255, 255`
- **CMYK**: `0, 0, 0, 0`
- **Usage**: Background, text on dark surfaces, negative space
### Secondary Colors
#### Dark Gray
- **Hex**: `#1A1A1A`
- **RGB**: `26, 26, 26`
- **CMYK**: `0, 0, 0, 90`
- **Usage**: Secondary backgrounds, subtle text
#### Medium Gray
- **Hex**: `#666666`
- **RGB**: `102, 102, 102`
- **CMYK**: `0, 0, 0, 60`
- **Usage**: Supporting text, borders, inactive states
#### Light Gray
- **Hex**: `#F5F5F5`
- **RGB**: `245, 245, 245`
- **CMYK**: `0, 0, 0, 4`
- **Usage**: Light backgrounds, subtle separators
### Color Usage Guidelines
- **Primary Red**: Use sparingly for emphasis and important actions
- **Black & White**: Form the foundation of our visual identity
- **Gray Tones**: Provide hierarchy and visual breathing room
- **Accessibility**: Ensure WCAG 2.1 AA compliance (4.5:1 contrast ratio minimum)
---
## Typography
### Primary Typeface: Orbitron
**Orbitron** is our primary display typeface, chosen for its futuristic, technical aesthetic that aligns with our AI-focused brand positioning.
#### Orbitron Usage
- **Headers (H1-H3)**: Orbitron Bold
- **Subheaders (H4-H6)**: Orbitron Medium
- **Display Text**: Orbitron Regular
- **Emphasis**: Orbitron Bold
#### Orbitron Weights Available
- Orbitron Thin (100)
- Orbitron Light (300)
- Orbitron Regular (400)
- Orbitron Medium (500)
- Orbitron SemiBold (600)
- Orbitron Bold (700)
- Orbitron ExtraBold (800)
- Orbitron Black (900)
### Secondary Typeface: System Default
For body text and extended reading, use high-quality system fonts for optimal performance and readability.
#### Font Stack
```css
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
```
### Typography Scale
#### Desktop Scale
- **H1**: 48px / 52px line-height (Orbitron Bold)
- **H2**: 40px / 44px line-height (Orbitron Bold)
- **H3**: 32px / 36px line-height (Orbitron Medium)
- **H4**: 24px / 28px line-height (Orbitron Medium)
- **H5**: 20px / 24px line-height (Orbitron Regular)
- **H6**: 18px / 22px line-height (Orbitron Regular)
- **Body Large**: 18px / 28px line-height (System Font)
- **Body**: 16px / 24px line-height (System Font)
- **Body Small**: 14px / 20px line-height (System Font)
- **Caption**: 12px / 16px line-height (System Font)
#### Mobile Scale
- **H1**: 36px / 40px line-height
- **H2**: 32px / 36px line-height
- **H3**: 28px / 32px line-height
- **H4**: 22px / 26px line-height
- **H5**: 18px / 22px line-height
- **H6**: 16px / 20px line-height
- **Body**: 16px / 24px line-height
- **Body Small**: 14px / 20px line-height
### Typography Guidelines
- Use Orbitron for headlines and impactful text
- Maintain consistent line-height for readability
- Ensure sufficient contrast (4.5:1 minimum)
- Limit line length to 65-75 characters for optimal reading
- Use proper hierarchy to guide user attention
---
## Brand Identity
### Visual Language
Our visual identity reflects the sophisticated, interconnected nature of multi-agent systems through:
- **Geometric Precision**: Clean lines and structured layouts
- **Interconnected Elements**: Visual representations of collaboration
- **Technical Aesthetic**: Modern, futuristic design elements
- **High Contrast**: Bold use of red against dark backgrounds
### Design Principles
1. **Clarity**: Every element serves a purpose
2. **Consistency**: Unified visual language across all touchpoints
3. **Innovation**: Forward-thinking design that reflects our technology
4. **Accessibility**: Inclusive design for all users
### Iconography Style
- **Style**: Outline icons with 2px stroke weight
- **Corner Radius**: 2px for consistency
- **Size**: 24px base size, scalable in 8px increments
- **Color**: Use brand colors or inherit from context
---
## Usage Guidelines
### Logo Placement
- **Primary Position**: Top-left corner for web interfaces
- **Alternative**: Center-aligned for landing pages and presentations
- **Footer**: Smaller version acceptable in footer areas
### Background Guidelines
- **Preferred**: High contrast backgrounds (white, black, dark gray)
- **Acceptable**: Subtle patterns or gradients that don't interfere
- **Avoid**: Busy images or low contrast situations
### Co-branding
When partnering with other brands:
- Maintain equal visual weight when appropriate
- Ensure adequate separation between logos
- Follow partner brand guidelines for placement
- Get approval for co-branded materials
---
## Digital Implementation
### Web Development
#### CSS Custom Properties
```css
:root {
/* Colors */
--color-primary: #FF0000;
--color-black: #000000;
--color-white: #FFFFFF;
--color-gray-dark: #1A1A1A;
--color-gray-medium: #666666;
--color-gray-light: #F5F5F5;
/* Typography */
--font-primary: 'Orbitron', sans-serif;
--font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
/* Spacing */
--spacing-xs: 4px;
--spacing-sm: 8px;
--spacing-md: 16px;
--spacing-lg: 24px;
--spacing-xl: 32px;
--spacing-xxl: 48px;
}
```
#### Component Guidelines
- Use consistent border-radius: 4px for small elements, 8px for cards
- Maintain 8px grid system for spacing
- Implement hover states with 200ms transitions
- Ensure touch targets are minimum 44px on mobile
### Social Media Assets
#### Profile Images
- **Square Format**: 1:1 ratio (recommended: 400x400px)
- **Use**: Icon-only version of logo
- **Background**: Swarms Red or transparent
#### Cover Images
- **Facebook**: 1200x630px
- **Twitter**: 1500x500px
- **LinkedIn**: 1584x396px
- **Background**: Dark with logo and tagline
### Email Signatures
Include the following elements:
- Name and title
- Swarms.ai logo (height: 20px)
- Contact information
- Website link
- Professional photo (optional)
---
## Print Guidelines
### Business Cards
- **Size**: Standard 3.5" x 2" (89mm x 51mm)
- **Colors**: Black background with white text and red accents
- **Logo**: White version, positioned top-left
- **Typography**: Orbitron for name, system font for details
### Letterhead
- **Logo Position**: Top-left corner
- **Size**: 1" height maximum
- **Colors**: Full color logo on white background
- **Address**: Bottom of page in small, gray text
### Presentation Templates
- **Title Slide**: Large logo, dark background
- **Content Slides**: Small logo in corner
- **Colors**: Use brand palette consistently
- **Typography**: Orbitron for titles, system font for body
---
## Brand Voice & Messaging
### Tone of Voice
- **Professional**: Authoritative and knowledgeable
- **Innovative**: Forward-thinking and cutting-edge
- **Collaborative**: Emphasizing teamwork and integration
- **Accessible**: Technical but understandable
### Key Messages
- "Orchestrating Intelligence Through Multi-Agent Collaboration"
- "The Future of AI is Collaborative"
- "Building Tomorrow's Intelligent Systems Today"
- "Where Agents Work Together"
### Writing Guidelines
- Use active voice
- Be concise and clear
- Avoid jargon when speaking to general audiences
- Include technical depth for developer-focused content
- Emphasize benefits over features
---
## Implementation Checklist
### Before Launch
- [ ] Logo files in all required formats
- [ ] Color palette documented and accessible
- [ ] Typography loaded and tested
- [ ] Style guide distributed to team
- [ ] Brand assets organized and accessible
- [ ] Guidelines reviewed by stakeholders
### Ongoing Maintenance
- [ ] Regular brand compliance audits
- [ ] Asset library kept up-to-date
- [ ] New team member brand training
- [ ] Vendor and partner brand briefings
- [ ] Quarterly brand guideline reviews
---
## Asset Downloads
### Logo Files
- `swarms-logo-primary.svg` - Primary logo (vector)
- `swarms-logo-white.svg` - White version (vector)
- `swarms-logo-black.svg` - Black version (vector)
- `swarms-icon.svg` - Icon only (vector)
- `swarms-favicon.ico` - Favicon files
### Typography
- Orbitron font files (WOFF2, WOFF, TTF)
- Typography specimen sheet
- Web font implementation guide
### Colors
- Color palette swatches (ASE, ACO, CSS)
- Accessibility compliance chart
- Color usage examples
---
## Contact Information
For questions about brand implementation or to request additional assets:
**Brand Guidelines Contact**
Email: brand@swarms.ai
**Design Team**
For design reviews and approvals
Email: design@swarms.ai
---
## Version History
| Version | Date | Changes |
|---------|------|---------|
| 1.0 | June 2025 | Initial brand guidelines release |
---
*This document is a living guide and will be updated as the brand evolves. Always use the latest version available at [Brand Portal URL].*