Our Brand Guide
- Home
- Our Brand Guide
App.com.mm Brand Guidelines
1. Logo Versions
- Primary Logo: Full-color version with deep blue (#003366) background, white
(#FFFFFF) main element, and yellow (#FFD700) accent. - Monochrome Logo: Black or white versions for use in grayscale or single-color
applications.
- Primary Logo: Full-color version with deep blue (#003366) background, white
2. Clear Space & Sizing
- Ensure a minimum clear space around the logo equal to the height of the “A” in the logo.
This clear space must be free from other graphics, text, or images. - Minimum size: The logo should not be smaller than 24px in height for digital use or 0.5
inches in print, ensuring readability.
- Ensure a minimum clear space around the logo equal to the height of the “A” in the logo.
3. Color Palette
- Primary Colors:
o Deep Blue: #003366 (used as the background or for key brand elements)
o White: #FFFFFF (used for main text, highlights, and contrasts)
o Yellow Accent: #FFD700 (for highlights and key accents, particularly for drawing attention) - Secondary Colors (optional for supporting elements):
o Light Gray: #C0C0C0 (for backgrounds or subtle design elements)
o Dark Gray: #333333 (for text and icons in secondary information areas)
- Primary Colors:
4. Typography
- Primary Typeface: Use a sans-serif font like Roboto or Montserrat for a modern, clean
look. - Body Text: Arial or Helvetica can be used for body text, ensuring readability and
consistency. - Font Usage: Bold for headings, regular for body text, and italics for emphasis only when
necessary.
- Primary Typeface: Use a sans-serif font like Roboto or Montserrat for a modern, clean
5. Logo Usage Guidelines
- Backgrounds: The logo should ideally be placed on a white or deep blue (#003366)
background. Avoid placing the logo on busy or low-contrast backgrounds to ensure
clarity. - Do Not:
o Alter or recolor the logo outside of the provided brand colors.
o Stretch, distort, or rotate the logo.
o Apply any shadows, gradients, or effects to the logo unless approved for specific purposes.
- Backgrounds: The logo should ideally be placed on a white or deep blue (#003366)
6. Icon Use
- When using a logo icon (e.g., just the circular element without text), maintain the clear
space and color guidelines. - The icon alone should be used only in contexts where the full logo is already established,
such as social media profile pictures or app icons.
- When using a logo icon (e.g., just the circular element without text), maintain the clear
7. Social Media & Digital Guidelines
- For social media, use the primary logo on profile images. For post designs, maintain clear
space and use brand colors as accents. - Favicons and App Icons: Use the icon element alone, centered, with the primary blue
background color.
- For social media, use the primary logo on profile images. For post designs, maintain clear
8. Application
- Print: Use high-resolution vector files for all print materials to ensure clarity.
- Digital: Use PNG or SVG files for clear, scalable digital use.
- Presentation: Use brand colors consistently in backgrounds, accents, and typography to
maintain a cohesive look.
This brand guideline will help maintain consistency and professionalism in the visual
representation of App.com.mm across various media.