Skip to content

Logo Guidelines

The Manfree logo is the cornerstone of our brand identity. Use it consistently to maintain brand recognition and professionalism.


Logo Variations

Primary Logo (Full Color - Light)

Primary Logo

Use this version on white or light backgrounds. This is the preferred logo for most applications.

Download: - SVG (Vector) - Best for scaling - PNG 120px - Small/Email - PNG 200px - Standard/Web - PNG 400px - Large/Headers - PNG 800px - High-res/Retina


White Logo (Reversed - Dark)

White Logo

Use on dark backgrounds or over brand blue backgrounds.

Download: - SVG (Vector) - Best for scaling - PNG 120px - Small/Email - PNG 200px - Standard/Web - PNG 400px - Large/Headers - PNG 800px - High-res/Retina


Black Logo (Monochrome)

Black Logo

Use for black & white printing or when color reproduction is limited.

Download: - SVG (Vector) - Best for scaling - PNG 120px - Small/Email - PNG 200px - Standard/Web - PNG 400px - Large/Headers - PNG 800px - High-res/Retina


Icon/Symbol Only

Light Icon

Light Icon

Use for light backgrounds.

Download: - SVG (Vector) - Best for scaling - PNG 16px - Tiny favicon - PNG 32px - Favicon - PNG 64px - Small avatar - PNG 128px - Medium icon - PNG 256px - Large icon - PNG 512px - App store/Social media

Dark Icon

Dark Icon

Use for dark backgrounds.

Download: - SVG (Vector) - Best for scaling - PNG 16px - Tiny favicon - PNG 32px - Favicon - PNG 64px - Small avatar - PNG 128px - Medium icon - PNG 256px - Large icon - PNG 512px - App store/Social media


Logo Sizes & Formats

Digital Use: - Large (Web Headers): 300px - 400px width - Medium (Website/Docs): 150px - 200px width - Small (Email/Footer): 100px - 120px width - Icon/Favicon: 64px x 64px, 32px x 32px, 16px x 16px

Print Use: - Large Format: Minimum 3 inches (7.6cm) width at 300 DPI - Business Cards: 0.75 - 1 inch (2-2.5cm) width - Letterhead: 1.5 - 2 inches (4-5cm) width

File Formats

For Digital: - SVG - Preferred for web (scalable, small file size) - PNG - Transparent background (high resolution: 2x, 3x for retina)

For Print: - SVG or EPS - Vector format (infinitely scalable) - PDF - High resolution for professional printing - PNG - Minimum 300 DPI resolution

File Preparation

✓ Correct: Logo trimmed to edges with transparent background
✗ Incorrect: Logo with built-in padding/whitespace around it

When exporting logos: - Trim canvas to artwork bounds - Use transparent background (PNG/SVG) - No extra whitespace included in the file


Clear Space

Maintain clear space around the logo equal to the height of the "M" in Manfree (or equivalent measure based on your logo).

[Image Placeholder: Logo Clear Space Diagram]

  • No text, graphics, or other elements should appear within this space
  • Ensures the logo remains visible and impactful

Minimum Size

Digital: Minimum width of 100px
Print: Minimum width of 0.75 inches (2cm)

Below these sizes, the logo may lose clarity and readability.


Logo Usage Guidelines

✓ Do's

✓ Use the correct logo variation for the background color
✓ Maintain proper clear space around the logo
✓ Use high-resolution files for all applications
✓ Keep the logo proportional (don't stretch or distort)
✓ Use approved logo files only

✗ Don'ts

✗ Don't change the logo colors
✗ Don't rotate or skew the logo
✗ Don't add effects (shadows, outlines, gradients)
✗ Don't place on busy or low-contrast backgrounds
✗ Don't stretch, compress, or distort proportions
✗ Don't separate or rearrange logo elements
✗ Don't use low-resolution or pixelated versions


Background Usage

Approved Backgrounds

  • Primary Logo: White, Neutral BG (#F7F7F7), or light colors
  • White Logo: Brand Blue (#1E4E79), dark colors, or photos
  • Black Logo: White backgrounds for B&W printing

Background Contrast

Ensure sufficient contrast between logo and background for visibility and readability.

[Image Placeholder: Logo on Different Backgrounds Examples]


Need Custom Sizes?

Contact the design team if you need the logo in a specific size or format not listed here.