36 lines
2.1 KiB
Markdown
36 lines
2.1 KiB
Markdown
# Zovi brand assets
|
||
|
||
Master artwork is SVG; everything else is generated from it. Brand accent: `#4c6fff`
|
||
(gradient `#6c8cff → #4c6fff → #3843e8`, 135°). The glyph is the "bubble Z" — a Z whose
|
||
bottom-left tail makes it read as a speech bubble.
|
||
|
||
## Masters
|
||
|
||
| File | What it is |
|
||
| --- | --- |
|
||
| `icon.svg` | Full-bleed square icon (gradient + white glyph). Source for iOS/Android/web PNGs. |
|
||
| `icon-rounded.svg` | Same with 22.4% corner radius baked in. Source for Windows `.ico`. |
|
||
| `icon-macos.svg` | Big Sur style: rounded body at 824/1024 grid with transparent margin. Source for `.icns`. |
|
||
| `favicon.svg` | Flat `#4c6fff`, glyph enlarged 14% for 16–32px legibility. Shipped as-is on web. |
|
||
| `adaptive-icon-foreground.svg` | White glyph inside Android's 66/108 safe circle, transparent bg. |
|
||
| `mark-gradient.svg` | Gradient glyph, no background — for docs/marketing on light surfaces. |
|
||
| `splash-light.svg` / `splash-dark.svg` | 2048×2048 splash, centered rounded icon on `#ffffff` / `#0c0d10`. |
|
||
|
||
## Exports → where they go
|
||
|
||
- `exports/ios/icon-1024.png` — Expo `app.json` → `expo.icon` (square; iOS rounds it).
|
||
- `exports/android/icon-1024.png` — legacy Android icon (`expo.android.icon`).
|
||
- `exports/android/adaptive-icon-foreground.png` — `expo.android.adaptiveIcon.foregroundImage`,
|
||
with `backgroundColor: "#4c6fff"` (or regenerate a gradient background layer).
|
||
- `exports/splash/splash-light.png` + `splash-dark.png` — `expo.splash.image` /
|
||
`expo.splash.dark.image`, `resizeMode: "contain"`, background `#ffffff` / `#0c0d10`.
|
||
- `exports/macos/zovi.icns` — Tauri `bundle.icon` (macOS).
|
||
- `exports/windows/zovi.ico` — Tauri `bundle.icon` (Windows); also usable for taskbar/installer.
|
||
- Web copies live in `packages/web/public/` (`favicon.svg`, `favicon.ico`, `icons/*`,
|
||
`manifest.webmanifest`) — already wired into `index.html`.
|
||
|
||
## Regenerating
|
||
|
||
PNGs: `npx sharp-cli -i <master>.svg -o out.png resize <w> <h>`.
|
||
ICO: `npx png-to-ico <pngs…> > out.ico` (pass a real 256px render).
|
||
ICNS: build an `.iconset` (16…1024 incl. @2x) from `icon-macos.svg`, then `iconutil -c icns`.
|