Specific logos and icons for the BAC app (design and implementation) #1
Description
Create icons and logos for the app to subtitute the default ones. Some icons are used for the app icon on the desktop, the icon of the app in the notifications of the phone... These are the sizes that I need and the specification for each one:
| File name | Role / where it shows | Recommended size (px) | Format | Notes for design |
|---|---|---|---|---|
| icon.png | Primary app icon (Expo uses it to generate iOS & Android icons) | 1024 × 1024 | PNG | Square, no rounded corners. Keep ~10–15% padding. Avoid text if possible. Transparent OK; iOS will be flattened. |
| android-icon-foreground.png | Android adaptive icon – foreground layer | 512 × 512 | PNG (transparent) | Place the glyph/mark here. Keep critical artwork in the center ~66% safe zone so masks (circle/squircle) don’t clip. |
| android-icon-background.png | Android adaptive icon – background layer | 512 × 512 | PNG (solid or gradient) | Flat color or subtle gradient. No text. Can also be a flat brand color. |
| android-icon-monochrome.png | Android 13+ themed icon (monochrome) | 432 × 432 | PNG (transparent) | Single-color white glyph on transparent background. No gradients/outline strokes too thin. |
| splash-icon.png | Centered logo for splash screen (on top of a background color) | 1024 × 1024 (or vector source) | PNG (transparent) | Keep margins so it feels balanced on tall/wide screens. If using a full-screen splash, instead provide 2048 × 2048 with transparent bg (Expo scales it). |
| favicon.png | Web / PWA / browser tab (Expo Web only) | 512 × 512 (tooling will downscale to 32/16) | PNG | Provide 24x24 and we’ll export 32×32 and 16×16 as needed. |
If you don’t know the exact “react-logo” display size yet, a safe base is 256×256 with matching @2x 512×512 and @3x 768×768. Bigger is fine—just keep the same aspect ratio across variants.
Deliverables checklist (what to send)
-
Logos (vector): SVG/AI of the primary BAC mark.
-
App icon pack:
-
icon.png— 1024×1024 -
android-icon-foreground.png— 512×512 (transparent glyph) -
android-icon-background.png— 512×512 (flat color/gradient) -
android-icon-monochrome.png— 432×432 (white glyph on transparent)
-
-
Splash:
-
splash-icon.png— 1024×1024 transparent (centered mark) -
(Optional full-screen): 2048×2048 transparent if we switch to image-based splash.
-
-
Web:
-
favicon.png— 24×24 (we’ll export smaller sizes)
-