Overgram4A/BRANDING_ASSETS.md

Overgram Branding Assets

This document describes where to place branding assets for Overgram Android.

Logo Files

Main App Logo

Location: .github/Overgram.png

• Size: 1024x1024px recommended
• Format: PNG with transparency
• Usage: README header, documentation
• Current: The blue gradient logo with glass effect and paper plane icon

App Icons (Android)

App icons should be placed in the following locations with appropriate sizes:

Launcher Icons

TMessagesProj/src/main/res/
├── mipmap-mdpi/ic_launcher.png          (48x48px)
├── mipmap-hdpi/ic_launcher.png          (72x72px)
├── mipmap-xhdpi/ic_launcher.png         (96x96px)
├── mipmap-xxhdpi/ic_launcher.png        (144x144px)
├── mipmap-xxxhdpi/ic_launcher.png       (192x192px)
└── mipmap-anydpi-v26/ic_launcher.xml    (Adaptive icon)

Adaptive Icons (Android 8.0+)

TMessagesProj/src/main/res/
├── mipmap-anydpi-v26/
│   ├── ic_launcher.xml
│   └── ic_launcher_round.xml
└── drawable/
    ├── ic_launcher_background.xml
    └── ic_launcher_foreground.xml

Notification Icon

Location: TMessagesProj/src/main/res/drawable/notification.png

• Size: 24x24dp with appropriate padding
• Format: PNG, white silhouette on transparent background
• Usage: Status bar notifications

Splash Screen

Location: TMessagesProj/src/main/res/drawable/

• launch_screen.xml - Vector or image drawable
• Should use the Overgram logo with appropriate background

Color Scheme

Based on the logo, the primary colors are:

// Primary gradient colors
val primaryLight = Color(0xFF5CCEF5)  // Light cyan/blue
val primaryDark = Color(0xFF2E5A9D)   // Deep blue

// Accent colors
val accentGlass = Color(0xFF4DB8E8)   // Glass blue
val backgroundDark = Color(0xFF0A1628) // Dark navy background

// Material You (Android 12+)
// These will adapt to user's wallpaper

Logo Design Specifications

Current Logo Features:

• Style: Modern glassmorphism
• Shape: Rounded square with glass effect
• Icon: Telegram paper plane (3D rendered)
• Gradient: Cyan to blue (#5CCEF5 → #2E5A9D)
• Effects:
  • Subtle inner shadow for depth
  • Soft glow at bottom
  • Glass reflection on icon
  • Dark center square for contrast

Typography:

• Wordmark: "Overgram"
• Font Style: Modern sans-serif, bold weight
• Colors:
  • "Over" part: Blue gradient (#5CCEF5)
  • "gram" part: White/Light gray (#E0E0E0)

Screenshot Guidelines

Demo screenshots should be placed in .github/demos/ directory:

.github/demos/
├── demo1.png  (Chat list view)
├── demo2.png  (Chat conversation)
├── demo3.png  (Settings screen)
├── demo4.png  (Ghost mode features)
├── demo5.png  (Liquid glass settings)
└── demo6.png  (Message history)

Specifications:

• Size: 1080x2340px (standard Android resolution)
• Format: PNG
• Content: Show key features with Overgram branding visible

Generating Android Icons

Using Android Studio:

1. Right-click res folder → New → Image Asset
2. Select "Launcher Icons (Adaptive and Legacy)"
3. Choose your logo as foreground layer
4. Set background color: #0A1628 (dark navy)
5. Generate all densities

Using Command Line (ImageMagick):

# Install ImageMagick first
# For mipmap densities:
convert Overgram-Icon.png -resize 48x48 res/mipmap-mdpi/ic_launcher.png
convert Overgram-Icon.png -resize 72x72 res/mipmap-hdpi/ic_launcher.png
convert Overgram-Icon.png -resize 96x96 res/mipmap-xhdpi/ic_launcher.png
convert Overgram-Icon.png -resize 144x144 res/mipmap-xxhdpi/ic_launcher.png
convert Overgram-Icon.png -resize 192x192 res/mipmap-xxxhdpi/ic_launcher.png

Using Online Tools:

• Icon Kitchen - Android adaptive icons
• App Icon Generator - Multi-platform icons
• Android Asset Studio - Official tool

Play Store Assets

When publishing to Google Play Store, you'll need:

App Icon

• Size: 512x512px
• Format: PNG (32-bit)
• No transparency, no rounded corners (Google handles this)

Feature Graphic

• Size: 1024x500px
• Format: PNG or JPEG
• Content: Overgram logo + tagline (e.g., "Make Telegram Your Own")

Screenshots (Required)

• Minimum: 2 screenshots
• Maximum: 8 screenshots
• Size: 16:9 or 9:16 aspect ratio
• Dimensions:
  • Phone: 1080x1920px or 1080x2340px
  • Tablet (optional): 1536x2048px

Promo Graphics (Optional)

• Promo Graphic: 180x120px
• TV Banner: 1280x720px

Branding Checklist

Before releasing Overgram, ensure:

• Main logo saved as .github/Overgram.png (1024x1024px)
• All launcher icon densities generated
• Adaptive icon created for Android 8.0+
• Notification icon updated
• Splash screen uses Overgram branding
• Screenshots showcase Liquid Glass feature
• Play Store assets prepared (512x512 icon, feature graphic)
• Old AyuGram logos removed from repository
• README references correct logo path
• App name in strings.xml updated to "Overgram"

Logo Source Files

Recommended: Keep source files (AI, PSD, SVG, Figma) in a separate design repository or cloud storage:

Overgram-Design/
├── Logo/
│   ├── Overgram-Logo.ai         (Adobe Illustrator)
│   ├── Overgram-Logo.svg        (Vector)
│   ├── Overgram-Logo.psd        (Photoshop)
│   └── Overgram-Logo@4x.png     (High-res raster)
├── Icons/
│   ├── App-Icon-Source.psd
│   └── Notification-Icon.svg
├── Screenshots/
│   └── [Original uncompressed screenshots]
└── Play-Store/
    ├── Feature-Graphic.psd
    └── Promo-Graphics.psd

Do NOT commit large source files to the main repository. Keep them in:

• Private design repository
• Google Drive / Dropbox
• Figma workspace

Current Status

✅ Logo design created with glass effect ⏳ Need to save logo to .github/Overgram.png ⏳ Need to generate Android launcher icons ⏳ Need to update app icons in res/mipmap ⏳ Need to create Play Store assets ⏳ Need to capture screenshots with Liquid Glass enabled ⏳ Need to remove old AyuGram branding

References

• Android Icon Design Guidelines
• Material Design - Product Icons
• Adaptive Icons

---

Overgram - Beautiful, Modern, Yours ✨