# MemeLab brand kit

This directory is the master source for the MemeLab mixer mark. Product UI uses the
`MemeLabMark` component; browser, PWA, store and social surfaces use the files here.

## Which asset to use

- `memelab-mark-on-dark.svg` — transparent mark on a dark surface.
- `memelab-mark-on-light.svg` — transparent mark on a light surface.
- `memelab-app-icon-dark.svg` — square dark application/avatar icon.
- `memelab-app-icon-light.svg` — square light application/avatar icon.
- `memelab-app-icon-maskable.svg` — safe-area version for Android/PWA masks.
- `memelab-favicon.svg` — adaptive 16 px favicon for browser tabs.
- `memelab-favicon-micro-dark.svg` — fixed dark micro-mark for tools without theme support.

PNG exports live in `png/` and are generated by `pnpm brand:sync` from the SVG masters.

## Rules

1. Preserve the reflected geometry. The right half is an exact mirror of the left.
2. Do not move the violet faders or change rail/panel thickness independently.
3. Use the transparent mark inside interfaces. Use an app icon only where a square
   avatar/application tile is expected.
4. Keep clear space of at least one rail width around the transparent mark.
5. Do not add gradients, shadows, outlines, letters or service glyphs to the mark.
6. Below 24 px use `memelab-favicon.svg`; do not shrink the full mark manually.

Canonical colours: field `#0D0C0B`, warm white `#FFFDF9`, ink `#151311`, fader
violet `#9D5CFF`, light field `#F4F1EC`.