#2563EB · Blue
The anchor primary. Used for primary buttons, links and the cool end of the brand gradient.
Brand kit
Use the OpsIQ name and mark with confidence.
Press, partners, customers and integrators: these assets and guidelines keep our look consistent everywhere it appears. Mostly common sense, lightly enforced.
SVG & PNGLight + darkTransparent backgroundsOne business day
Brand
Brand at a glance
One mark, three colours, one typeface.
1logomark for light & dark surfaces
3brand primaries, both themes
Interdisplay type for everything that breathes
SVG · PNG · EPSplus the guidelines PDF
Primary mark
The OpsIQ logomark.
Our logomark (the OpsIQ "IQ" gem) works on light and dark surfaces. Keep clearspace equal to the gem's height around all sides. Don't recolour, distort, or place on busy photographic backgrounds without a darkening overlay.
Clearspace & placement
One mark, two surfaces, room to breathe.
The gem reads cleanly on dark navy and on white. Give it space, keep the proportions, and never crowd it against other marks.
- Light & dark ready. The gradient gem holds contrast on both floors.
- Clearspace = gem height. Keep that margin clear on all four sides.
- No busy photos. Over imagery, add a darkening overlay first.
Mark
Wordmark
Set in display weight.
The wordmark is Inter 900 at -0.04em tracking, always in title case. Pair it with the gem in a lockup, or use it on its own where the mark is already established. Never letter-space it, never stretch it, and never restyle the casing.
Inter 900: display weight, -0.04em tracking.
Title case always. Never "OPSIQ" or "Opsiq".
No distortion. Never stretch, condense or outline it.
900Inter weight
-0.04emtracking
Inter 900display weight
-0.04emwordmark tracking
Title casealways
Brand colours
Three primaries, one gradient.
#06B6D4 · Cyan
The live, energetic accent: indicators, highlights and the midpoint of the gradient.
#7C3AED · Violet
The intelligence tone. Caps the warm end of the gradient and signals AI throughout the product.
#2563EB · Blue
#06B6D4 · Cyan
#7C3AED · Violet
Brand gradient
Typography
Inter for everything that breathes.
One typeface carries the whole brand. Headings sit at 950 weight with -0.025em tracking; body runs 400 at a comfortable 1.7 line-height; and code is set in IBM Plex Mono.
Headings: Inter 950 weight, -0.025em tracking.
Body: Inter 400 at 1.7 line-height for easy reading.
Mono: IBM Plex Mono for code and contracts.
Type
Usage
Please don't.
A short list of the things that throw the mark off. Everything else is common sense.
Don't recolour the gem
The gradient gem is fixed. Don't swap it for a flat colour, invert it, or tint it to match a deck.
Don't stretch the wordmark
Never condense, stretch or skew "OpsIQ". Scale it proportionally and keep the original tracking.
No shadows or outlines
Don't add drop shadows, strokes or glows to the mark. It's designed to sit flat on its surface.
Don't fake a partnership
Don't lock the mark up with another logo as if we're partners, unless we actually are.
Give it clearspace
Keep clearspace equal to the gem's height on every side. Don't crowd it with text or edges.
Over photos? Darken first
Avoid busy photographic backgrounds. If you must, add a darkening overlay so the mark stays legible.
Downloads
The official asset bundle.
SVG & PNG, light + dark, transparent backgrounds. Email [email protected] for the bundle. We respond within one business day with a Dropbox link.
| Asset | Format & usage |
|---|---|
| Logos | |
| Logomark (gem) ★ | SVG & PNG @ 1×/2×/3×, light and dark, transparent backgrounds. |
| Wordmark | SVG & PNG of "OpsIQ" in Inter 900, light and dark. |
| Full lockup | Gem + wordmark, horizontal lockup, SVG & PNG. |
| Logomark · EPS | Vector EPS for print and large-format reproduction. |
| Colour & type | |
| Brand palette | #2563EB Blue, #06B6D4 Cyan, #7C3AED Violet: hex values for both themes. |
| Brand gradient | Blue → Cyan → Violet, the primary brand gradient definition. |
| Typeface reference | Inter for headings & body, IBM Plex Mono for code. |
| Guidelines | |
| Brand guidelines PDF ★ | Clearspace, placement, do/don'ts and colour usage in one document. |
FAQ
Brand questions.
Quick answers for press, partners, customers and integrators referencing OpsIQ.
Email [email protected] for the official asset bundle: SVG, PNG at 1×/2×/3×, EPS for print, and the brand guidelines PDF. We respond within one business day with a Dropbox link.
No. The gradient gem is fixed. Don't recolour, invert or tint it. Use the light or dark version supplied in the bundle so it always reads as OpsIQ.
Three primaries: #2563EB Blue, #06B6D4 Cyan and #7C3AED Violet. The primary brand gradient runs Blue → Cyan → Violet and is used in the logo, primary buttons, gradient text and live indicators, sparingly.
Inter for everything that breathes: headings at 950 weight with -0.025em tracking, body at 400 with 1.7 line-height. Code is set in IBM Plex Mono. The wordmark itself is Inter 900 at -0.04em, always in title case.
Always "OpsIQ" in title case. Never "OPSIQ" or "Opsiq". Keep the casing exactly as shown, even in running text.
Only if we're actually partners. Don't place the mark alongside another logo in a way that implies a partnership that doesn't exist. When in doubt, ask at [email protected].
Keep clearspace equal to the gem's height on all four sides, and avoid placing it on busy photographic backgrounds without a darkening overlay so it stays legible.