Sravan
7e3a94b04c
The iOS splash read as unbranded for two concrete reasons: 1. The light-mode master (resources/splash.png) was on a WHITE background while the SplashScreen plugin paints #16294F navy -> a white->navy->app flash on light-mode devices. 2. The logo + "Biz Connect" wordmark spanned ~82% of the 2732 square, but the launch storyboard scales it scaleAspectFill; on tall iPhones ~27% of each side is cropped, clipping the wordmark edges. New splash (both light + dark masters, identical navy so there is no flash): brand navy gradient (#20396f -> #16294f) matching the plugin background, the C-mark as hero, and the wordmark typeset in Corbel (closest installed match to the brand geometric wordmark) sized to 1041px -> inside the ~1260px aspectFill safe zone, so nothing clips on any device. Also hardened codemagic.yaml: the asset step used `|| echo skipped`, which silently shipped Capacitor's blank default splash if generation failed. Now it hard-verifies the generated iOS Splash.imageset exists and fails the build otherwise. Rides the next Codemagic build (native asset; no server redeploy). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
App icon & splash source images
@capacitor/assets generates every Android (and iOS) icon/splash density from these masters.
| File | Size | Purpose |
|---|---|---|
icon.png |
1024×1024 | App icon (all densities + Android adaptive icon) |
splash.png |
2732×2732 | Launch splash (light) |
splash-dark.png |
2732×2732 | Launch splash (dark mode) |
These were generated from the existing PWA icon (server/public/icon-512.png) + brand blue
#1F3B73. To rebrand, replace these three files (keep the sizes) and re-run:
cd mobile
npm run assets # Android only (npm run assets:all for iOS too)
npx cap sync
Tip: for the sharpest result, drop a true 1024×1024 icon.png (and a 2732×2732 splash.png)
exported from the design source rather than an upscale.