# Brand assets

The nikcli wordmark variants, how they're themed across surfaces, and where the assets live in each package.

## Overview

nikcli ships three pixel wordmark variants, all derived from a single master (`packages/mobile/assets/wordmark.png`). The web package, the mobile app, and the Studio / dashboard reuse the same files so the brand stays consistent across surfaces.

dark backgrounds

### Light letters

`wordmark-dark.png` — pale grey letters, transparent background. Use on dark or photographic surfaces.

light backgrounds

### Dark letters

`wordmark-light.png` — ink grey letters, transparent background. Use on light surfaces.

default

### Master file

`wordmark.png` — original source asset, identical to `wordmark-dark.png`. Kept for archival and export pipelines.

Single source of truth

All variants live in `packages/mobile/assets/`. The web package copies them into `public/brand/` at build time so the docs site can serve them statically without depending on the mobile package at build.

## Download the brand kit

One zip, every PNG the docs and apps serve, plus a `README.md` and a `MANIFEST.csv` with byte sizes. Filenames and content match `packages/mobile/assets/`; the un-suffixed names (`icon.png`, `wordmark.png`, `splash.png`) are the masters used by desktop shells and store pipelines, and they are duplicated as the dark variant so theme-aware callers can pin a stable name.

[nikcli-brandkit.zip ~986 KB · 17 files · 15 PNGs + README + MANIFEST Download](/brand/brandkit.zip) [wordmark-dark.png 632 × 206 · transparent · just the wordmark Download](/brand/wordmark-dark.png)

What’s inside the zip 6 groups · 15 files

#### Wordmarks

-   `wordmark-dark.png` 632×206 Pale grey letters for dark / photographic backgrounds.
-   `wordmark-light.png` 632×206 Ink grey letters for light / paper backgrounds.
-   `wordmark.png` 632×206 Identical to wordmark-dark.png. Kept for archival and export pipelines.

#### App icons

-   `icon.png` 1024×1024 Dark-surface adaptive base. Identical content to icon-dark.png.
-   `icon-dark.png` 1024×1024 Explicit dark-mode pairing (same raster as icon.png).
-   `icon-light.png` 1024×1024 Light-surface icon for paper-like backgrounds.

#### Adaptive icons

-   `adaptive-icon.png` 1024×1024 Dark surface adaptive layer. Identical to icon.png.
-   `adaptive-icon-light.png` 1024×1024 Light-surface adaptive layer. Identical to icon-light.png.

#### Icon marks

-   `app-icon-mark.png` 128×128 Dark surface monogram for tab bars, sidebar, dock.
-   `app-icon-mark-light.png` 128×128 Light-surface monogram for paper-like chrome.

#### Favicons

-   `favicon.png` 48×48 Dark surface favicon for <link rel="icon">.
-   `favicon-light.png` 48×48 Light-surface favicon for paper-like browser chrome.

#### Splash screens

-   `splash.png` 1024×1024 Dark surface launch screen. Identical to splash-dark.png.
-   `splash-dark.png` 1024×1024 Explicit dark-mode launch screen.
-   `splash-light.png` 1024×1024 Light surface launch screen for paper-like backgrounds.

### Or download individual files

Same rasterizations, one PNG at a time. Useful when you only need the wordmark, the favicon, or a specific dark / light pairing.

[![wordmark-dark.png preview](/brand/wordmark-dark.png)](/brand/wordmark-dark.png)

wordmark-dark.png

632×206 · Dark surface

[Download wordmark-dark.png](/brand/wordmark-dark.png)

---

Source: https://nikcli-ai.dev/docs/brand