# ReplyKit — Logo assets

Direction B (Stacked bubbles). Two overlapping speech bubbles: incoming review (sky blue) and outgoing reply (white), on a deep navy ground.

## Brand colors

| Token | Hex |
|---|---|
| Navy (background, primary) | `#0F172A` |
| Sky (back bubble accent)   | `#38BDF8` |
| White (front bubble)       | `#FFFFFF` |

Wordmark: **Inter**, weight 700, tracking -2.8%.

## Files

### Vector (SVG — use whenever possible)
- `svg/replykit-icon.svg` — primary icon, navy ground
- `svg/replykit-icon-light.svg` — icon on white ground (inverted)
- `svg/replykit-icon-mono-dark.svg` — single-color, navy on transparent
- `svg/replykit-icon-mono-light.svg` — single-color, white on transparent
- `svg/replykit-lockup-light.svg` — icon + ReplyKit wordmark, for light backgrounds
- `svg/replykit-lockup-dark.svg` — icon + wordmark, for dark backgrounds
- `svg/replykit-wordmark.svg` — wordmark only

### Raster (PNG)
- `png/replykit-icon-{16,32,64,128,256,512,1024}.png` — primary icon at common sizes
- `png/replykit-icon-mono-{dark,light}-512.png` — single-color icons
- `png/replykit-lockup-{light,dark}-{400,800,1600}.png` — full lockup at three widths

## Usage notes

- **Favicon**: use `replykit-icon-32.png` or the SVG.
- **App store / social avatar**: `replykit-icon-512.png`.
- **Email signature, footers**: `replykit-lockup-light-400.png` (~120px tall).
- **Dark websites / docs**: `replykit-lockup-dark-*.png`.
- **Print or anywhere clarity matters**: prefer the SVGs.

## Clear space

Keep clear space around the mark equal to ~12% of its width on all sides (one bubble-corner radius).

## Don'ts

- Don't change the bubble colors or swap them around.
- Don't rotate or skew the mark.
- Don't put the mark on a busy photographic background — use the navy or white solid variants.
- Don't substitute another font for "ReplyKit". Inter 700 only.