# Omniio logo kit

The full set is on <https://omniio.dev/brand>, which is where these files are
offered for download individually. This README ships inside
`omniio-brand-kit.zip` so the rules travel with the artwork.

## What is here

Four renditions of each logo form:

- no suffix — full colour, for light backgrounds
- `-on-dark` — brightened dots and white type, for dark UI
- `-ink` — solid `#22262F`, for print and mid-tone backgrounds
- `-white` — solid white, for photographs and saturated colour

in four forms: `omniio-logo-horizontal`, `omniio-logo-stacked`, `omniio-mark`
and `omniio-wordmark` (the wordmark is ink and white only).

Plus finished social art (`omniio-og-image`, `omniio-og-image-dark`,
`omniio-twitter-header`, `omniio-linkedin-banner`, `omniio-avatar-light`,
`omniio-avatar-dark`) and app art (`omniio-app-icon`, `omniio-mstile`).

## Format

PNG with an alpha channel, at the sizes given on the brand page. There is no
vector rendition: the mark is a halftone of several hundred coloured dots, and
the SVG wrappers the kit originally shipped were empty `<image>` elements that
render nothing. Scale the PNGs down freely; scale up from
`omniio-logo-horizontal.png` (1643px wide) rather than from a small file.

## Rules

- Clear space: at least the height of one "O" in the wordmark on every side.
- Minimum sizes: horizontal lockup 120px wide, mark alone 24px.
- On photos or mid-tone colour use `-white` or `-ink`; on dark UI use `-on-dark`.
- Never re-colour the dots, add a shadow or outline, stretch, rotate, or box the
  lockup.

## Colours

| Name       | Hex       | Use                         |
| ---------- | --------- | --------------------------- |
| Ink        | `#22262F` | Wordmark, dark plates       |
| Cyan       | `#3BD6F0` | From the mark; accent only  |
| Periwinkle | `#8E9BF5` | From the mark; accent only  |
| Orchid     | `#C79BF0` | From the mark; accent only  |
| Pink       | `#F58AD8` | From the mark; accent only  |
| Paper      | `#FFFFFF` | Default background          |
| Mist       | `#F4F5F7` | Panels and inset areas      |

These are the logo's colours. The Omniio product interface is built on a
different blue (`#3867F4`) — do not substitute one palette for the other.

## Permission

Use these files to refer to Omniio: write about us, link to us, show that you
integrate with us. Do not alter them, and do not use them to suggest that Omniio
endorses or sponsors you. Questions: sales@omniio.dev.
