# OneHub360 Brand Assets

Press-ready assets for OneHub360. If you need a format, size, or variant that isn't here, email **press@onehub360.com** and we'll send it within one business day.

## Files

| File | Use | Notes |
| --- | --- | --- |
| [`onehub360-logo.svg`](./onehub360-logo.svg) | Wordmark on light backgrounds | 600x120 viewBox, transparent background |
| [`onehub360-logo.png`](./onehub360-logo.png) | Wordmark on light backgrounds (raster) | ~3200x640, transparent background |
| [`onehub360-logo-dark.svg`](./onehub360-logo-dark.svg) | Wordmark on dark backgrounds | Brighter gradient stops for legibility |
| [`onehub360-logo-dark.png`](./onehub360-logo-dark.png) | Wordmark on dark backgrounds (raster) | ~3200x640, transparent background |
| [`onehub360-mark.svg`](./onehub360-mark.svg) | Square icon / favicon / app tile | 256x256 viewBox, gradient fill |
| [`onehub360-mark.png`](./onehub360-mark.png) | Square icon (raster) | ~1365x1365, gradient fill |

## Brand colors

The OneHub360 wordmark uses a single linear gradient, left to right:

| Token | Hex | Where |
| --- | --- | --- |
| Brand blue | `#2563eb` | Gradient start (light backgrounds) |
| Brand purple | `#9333ea` | Gradient end (light backgrounds) |
| Brand blue (dark variant) | `#3b82f6` | Gradient start (dark backgrounds) |
| Brand purple (dark variant) | `#a855f7` | Gradient end (dark backgrounds) |
| Theme color | `#2563eb` | PWA `theme_color` |

The dark-background variants use Tailwind's blue-500 / purple-500 to keep contrast above 4.5:1 on near-black surfaces.

## Typography

- **Headings / wordmark:** Inter, weight 800. The SVGs declare `Inter, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif` so any viewer without Inter installed gets a clean system fallback.
- **Body:** the same system stack without Inter is fine.

If you're embedding the wordmark in a piece of content where Inter isn't available, the SVG will still render — just with a slightly different sans-serif. For pixel-perfect Inter, use the PNG or render the SVG yourself with the font installed.

## Usage rules

**Do:**
- Keep the gradient direction left-to-right on the wordmark (matches the homepage).
- Maintain at least the wordmark's own height in clear space around it.
- Use the `-dark` variant on dark backgrounds (anything below ~30% lightness).

**Don't:**
- Recolor the wordmark with a single solid color — it loses the brand cue. If you genuinely need a one-color treatment, use solid `#2563eb` (brand blue).
- Stretch, skew, or rotate the wordmark.
- Render the wordmark below 100px wide — readability falls off fast.
- Add drop shadows, outer glows, or other effects that aren't in the source SVG.
- Place the wordmark on a busy photo without a solid color overlay or scrim.

## How the assets were made

The PNGs are direct rasterizations of the source SVGs at 4x density. If you want a specific resolution (e.g. 2400px wide for print, or a favicon-sized 64x64 mark), email `press@onehub360.com` and tell us the target use — we'll send a sized export.

## Licensing

These assets are provided for editorial use covering OneHub360. For partner co-marketing, deck templates, or any other use that implies endorsement or partnership, ask first.