Metix AI · Brand & Logo

The mark

Two paths, converging into an open X.

The symbol hides the letters M and X, two geometric paths that meet at the center like two hands and stay open at both ends: a network you can plug into. Its gradient runs green → blue → violet, the Metix signature.

Logo & downloads

Grab the logo.

Use the full logo where space allows; use the mark for avatars, app icons, and tight spaces. Every asset ships as SVG + PNG.

Logo · colouron light

SVG PNG

Logo · reversedon dark

SVG PNG

Logo · whitesingle colour

SVG PNG

Logo · navy#100D35

SVG PNG

Logo · verticalstacked

SVG PNG

Logo · vertical navysingle colour

SVG PNG

Logo · vertical whiteon dark

SVG PNG

Mark · gradienttransparent

SVG PNG

Mark · monowhite / navy

white navy

App icon · squarerounded tile

SVG PNG

App icon · circleavatar

SVG PNG

Social tilegradient · white mark

SVG PNG

Colors

The palette.

Three primaries anchor the signature gradient; navy is the deep ground. Click any swatch to copy its hex.

Teal copy

#0DEFC8

RGB 13 239 200

Blue copy

#1E79C2

RGB 30 121 194

Violet copy

#5B54EF

RGB 91 84 239

Navy copy

#100D35

RGB 16 13 53

Periwinkle copy

#B5B5FF

RGB 181 181 255

Sky copy

#A3E4FF

RGB 163 228 255

Signature gradient · teal 0% → blue 70% → violet 100%

Using the logo

A few rules.

Do

Keep the original colors and gradient direction
Give it clear space and room to breathe
Use white/reversed on dark or photo backgrounds
Use the mark alone when the name won't fit

Don't

Recolor, add strokes, shadows, or effects
Stretch, rotate, or close the open ends of the mark
Set it on a low-contrast or busy background
Rebuild the wordmark in a different font

Clear space

Keep padding of at least the height of the mark's “X” on all sides.

Minimum size

Full logo · screen≥ 24px tall

Full logo · print≥ 8mm tall

Mark only · screen≥ 16px

Below the minimum, drop the wordmark and use the mark alone.