Logo Usage Rules

Guidelines for proper logo implementation across all marketing materials.

Logo Variants

Primary Variants

Color Variants

Clear Space

Minimum Clear Space

The clear space around the logo should equal the height of the logo mark (icon portion).

    ┌─────────────────────────────┐
    │           [x]               │
    │   ┌───────────────────┐     │
    │   │                   │     │
[x] │   │    [LOGO]         │ [x] │
    │   │                   │     │
    │   └───────────────────┘     │
    │           [x]               │
    └─────────────────────────────┘

Where [x] = height of logo mark

Minimum Size

Digital

Print

Color Usage

Approved Backgrounds

Color Rules

1. Never change logo colors outside approved palette
2. Don't use gradients on the logo
3. Don't apply transparency to logo elements
4. Don't add shadows or effects

Incorrect Usage

Absolute Don'ts

• ❌ Stretch or compress logo
• ❌ Rotate at angles
• ❌ Add drop shadows
• ❌ Apply gradient fills
• ❌ Use unapproved colors
• ❌ Add strokes or outlines
• ❌ Place on busy backgrounds
• ❌ Crop any portion
• ❌ Rearrange elements
• ❌ Add additional elements

Visual Examples

WRONG: Stretched      WRONG: Rotated       WRONG: Wrong color
┌──────────────┐      ┌────────┐          ┌────────┐
│   L O G O    │      │  /    │          │ LOGO   │ <- wrong color
└──────────────┘      │ /LOGO │          └────────┘
                      └───────/

Co-branding

Partner Logo Guidelines

1. Equal visual weight (same height)
2. Adequate separation between logos
3. Use divider line if needed
4. Both logos in their approved colors
5. Clear space applies to both

Layout Options

Option A: Side by side with divider
[OUR LOGO] | [PARTNER LOGO]

Option B: Stacked
    [OUR LOGO]
        +
  [PARTNER LOGO]

File Formats

Recommended Formats

File Organization

assets/logos/
├── full-horizontal/
│   ├── logo-full-color.svg
│   ├── logo-full-color.png
│   ├── logo-reversed.svg
│   ├── logo-mono-dark.svg
│   └── logo-mono-light.svg
├── icon-only/
│   ├── icon-full-color.svg
│   ├── icon-reversed.svg
│   └── favicon.ico
└── monochrome/
    ├── logo-black.svg
    └── logo-white.svg

Platform-Specific Guidelines

Social Media

Website

Documents

Logo Approval Process

Before Using Logo

1. Verify you have the correct version
2. Check background compatibility
3. Ensure minimum size requirements
4. Confirm clear space allocation
5. Review against these guidelines

Requesting Approval

For non-standard uses:

1. Submit mockup showing proposed usage
2. Include context (medium, audience)
3. Wait for brand team approval
4. Document approved exceptions