ZebChat media kit
=================

Logos, icons, colours and product screenshots for press, partners and integrations.
Typography, boilerplate text and the press contact: https://www.zebchat.com/media-kit/

Contents
--------
logos/                Full logo and bubble mark as SVG (use these whenever you can)
  zebchat-logo.svg        Full colour, for light backgrounds
  zebchat-logo-dark.svg   Full colour, for dark backgrounds
  zebchat-logo-white.svg  One colour white, on brand blue or photos
  zebchat-logo-navy.svg   One colour navy (print, embossing)
  zebchat-mark.svg        Bubble mark only
  zebchat-mark-white.svg  Bubble mark, white
logos/png/            Each logo as PNG, 600 / 1200 / 2400 px wide
icons/                Square app icons (transparent, white, and the opaque store icon) and the
                      favicon for sizes under 24 px
colors/               Colour tokens as JSON and CSS custom properties
screenshots/          The ZebChat Android app, light and dark (540 x 1160 WebP)

Using the logo
--------------
- Keep clear space on all sides equal to the height of the "Z" (a quarter of the logo's height).
- Minimum size: full logo 96 px wide, mark 24 px. Below 24 px, use the favicon.
- Don't stretch, recolour, rotate, outline or add shadows or other effects.
- Don't re-type the wordmark in a live font, and don't place the logo on busy backgrounds.
- Never put zebchat-logo.svg on a dark background: use zebchat-logo-dark.svg there.

Colours
-------
Zeb Blue 600  #0154F9  Primary
Zeb Blue 700  #0043CC  Hover / pressed
Zeb Blue 400  #4D85FC  Blue on dark backgrounds
Yellow        #FDD302  Accent
Amber         #FD9D01  Accent gradient end
Navy 700      #172A3E  Text, dark surfaces
Navy 900      #0F172A  Dark background

ZebChat is a product of Tech Avenue Labs (https://www.techavenuelabs.com).
