AIGuardian
Back to Home

Branding Guide

AIGuardian Documentation

Loading update info...
View on GitHub

AIGuardian Branding Guide

Brand Overview

AIGuardian is a zero-dependency CLI tool designed to automatically detect project types and apply tailored optimization tasks. The brand represents efficiency, intelligence, and reliability in code maintenance.

Brand Values

  • Simplicity: Minimal dependencies, straightforward usage
  • Intelligence: Smart detection and automated optimization
  • Reliability: Consistent, predictable results
  • Openness: Transparent, community-driven development

The AIGuardian logo consists of a shield icon with a code symbol, representing protection and code optimization.

Logo Usage

  • Maintain clear space around the logo equal to the height of the shield icon
  • Do not distort, rotate, or alter the logo colors
  • Minimum display size: 32px height for digital, 0.5" for print

Color Palette

Primary Colors

  • Primary Blue: #0070f3 (RGB: 0, 112, 243)
- Used for primary buttons, links, and accents
  • Dark Blue: #0050b3 (RGB: 0, 80, 179)
- Used for hover states and secondary accents

Secondary Colors

  • Light Gray: #f7f7f7 (RGB: 247, 247, 247)
- Used for backgrounds and subtle separators
  • Medium Gray: #666666 (RGB: 102, 102, 102)
- Used for secondary text
  • Dark Gray: #333333 (RGB: 51, 51, 51)
- Used for primary text

Accent Colors

  • Success Green: #28a745 (RGB: 40, 167, 69)
- Used for success messages and indicators
  • Warning Yellow: #ffc107 (RGB: 255, 193, 7)
- Used for warnings and caution indicators
  • Error Red: #dc3545 (RGB: 220, 53, 69)
- Used for error messages and critical alerts

Typography

Primary Font

  • Inter: A clean, modern sans-serif typeface
- Weights used: 400 (Regular), 500 (Medium), 600 (SemiBold), 700 (Bold) - Primary font for all web interfaces and documentation

Font Usage

  • Headings: Inter Bold (700)
- H1: 2.5rem/3rem - H2: 2rem/2.5rem - H3: 1.5rem/2rem - H4: 1.25rem/1.75rem
  • Body Text: Inter Regular (400)
- Regular: 1rem/1.5rem - Small: 0.875rem/1.25rem
  • UI Elements: Inter Medium (500)
- Buttons, tabs, and interactive elements

Tone of Voice

Brand Personality

  • Knowledgeable: Demonstrates expertise without being condescending
  • Helpful: Focuses on solving problems and providing value
  • Straightforward: Communicates clearly without unnecessary jargon
  • Friendly: Approachable and conversational, but professional

Writing Guidelines

  • Use active voice rather than passive
  • Keep sentences concise and direct
  • Avoid excessive technical jargon when explaining concepts
  • Address the user directly using "you" and "your"
  • Use contractions to maintain a conversational tone

Imagery Style

Technical Illustrations

  • Clean, minimal line-based illustrations
  • Limited color palette using brand colors
  • Focus on clarity and purpose rather than decoration

Screenshots and Demos

  • Clear, high-resolution captures
  • Annotated when necessary for clarity
  • Consistent terminal themes and environments

Social Media

Profile Images

  • Use the primary logo with appropriate padding
  • Maintain consistent branding across all platforms

Cover Images

  • Use simple, branded backgrounds with minimal text
  • Incorporate the logo and a short tagline when appropriate

Email Communications

Signatures

  • Include the AIGuardian logo
  • Provide links to the website and GitHub repository
  • Use the primary brand font and colors

Document Templates

Documentation

  • Use consistent headers and formatting
  • Include the AIGuardian logo in the header
  • Follow the established color palette and typography guidelines

This branding guide should be reviewed and updated periodically to ensure it remains relevant and effective. All team members and contributors should follow these guidelines to maintain brand consistency.

Was this page helpful?