Brand assets
Okami's mark as images: app icons, the share card and the mark on its own to download, and the icons the site serves itself. All drawn from the live glass mark in Okami's own black glass, never traced.
Downloads
Splash screen
Okami opened from an iPhone's home screen shows this first: the black glass app icon on white, 90pt, centred below the status bar, where the loader then stands. There's one image per screen, listed below, drawn from the app icon: ONLY=splash npx jiti scripts/brand-assets.ts. Android makes its own from the web manifest's icon.
On the site
| File | Size | For |
|---|---|---|
| public/brand/okami-email-mark.png | 72 × 72 | Signs every email's last line beside okami in live text, shown at 24px (lib/email/layout): Okami's black glass, as emails stay white in every mail app. |
| app/favicon.ico | 16, 32, 48 | Browser tabs and bookmarks: 16, 32 and 48px in one file, on a white tile so it reads on a dark tab. |
| app/icon.png | 512 × 512 | Browsers that take a PNG icon over the favicon; on the same white tile. |
| app/apple-icon.png | 180 × 180 | An iPhone's home screen when the site is added to it. |
| public/brand/icon-192.png | 192 × 192 | Android's home screen (the web manifest). |
| public/brand/icon-512.png | 512 × 512 | Android's home screen and splash (the web manifest). |
| public/brand/icon-maskable-512.png | 512 × 512 | Android's shaped icons: the mark inside the central safe circle. |
| app/[locale]/opengraph-image.png | 1200 × 630 | The share image as Next serves it on every page. |
| public/brand/splash/iphone-1320x2868.png | 1320 × 2868 | Opening Okami from the home screen: iPhone 16 Pro Max, 17 Pro Max. The black glass app icon, centred where the loader stands. |
| public/brand/splash/iphone-1290x2796.png | 1290 × 2796 | Opening Okami from the home screen: iPhone 14 Pro Max, 15 Plus, 15 Pro Max, 16 Plus. The black glass app icon, centred where the loader stands. |
| public/brand/splash/iphone-1260x2736.png | 1260 × 2736 | Opening Okami from the home screen: iPhone Air. The black glass app icon, centred where the loader stands. |
| public/brand/splash/iphone-1206x2622.png | 1206 × 2622 | Opening Okami from the home screen: iPhone 16 Pro, 17, 17 Pro. The black glass app icon, centred where the loader stands. |
| public/brand/splash/iphone-1179x2556.png | 1179 × 2556 | Opening Okami from the home screen: iPhone 14 Pro, 15, 15 Pro, 16. The black glass app icon, centred where the loader stands. |
| public/brand/splash/iphone-1284x2778.png | 1284 × 2778 | Opening Okami from the home screen: iPhone 12 Pro Max, 13 Pro Max, 14 Plus. The black glass app icon, centred where the loader stands. |
| public/brand/splash/iphone-1170x2532.png | 1170 × 2532 | Opening Okami from the home screen: iPhone 12, 13, 14, 16e. The black glass app icon, centred where the loader stands. |
| public/brand/splash/iphone-1242x2688.png | 1242 × 2688 | Opening Okami from the home screen: iPhone XS Max, 11 Pro Max. The black glass app icon, centred where the loader stands. |
| public/brand/splash/iphone-828x1792.png | 828 × 1792 | Opening Okami from the home screen: iPhone XR, 11. The black glass app icon, centred where the loader stands. |
| public/brand/splash/iphone-1125x2436.png | 1125 × 2436 | Opening Okami from the home screen: iPhone X, XS, 11 Pro, 12 mini, 13 mini. The black glass app icon, centred where the loader stands. |
| public/brand/splash/iphone-1242x2208.png | 1242 × 2208 | Opening Okami from the home screen: iPhone 8 Plus. The black glass app icon, centred where the loader stands. |
| public/brand/splash/iphone-750x1334.png | 750 × 1334 | Opening Okami from the home screen: iPhone 8, SE. The black glass app icon, centred where the loader stands. |
Making them again
Every image is the live glass mark, drawn by headless Chrome at twice its size on a dev-only page and scaled down, every one in the nav logo's glass at any size (DotMark's optical). The list is lib/brand/assets.ts. With the dev server running:
npx jiti scripts/brand-assets.ts