The Hexcoded brand,
in one place.
Logo, motion, type and colour — everything you need to put Hexcoded in a video, a deck, an article or a partner page. Free to use, no permission needed, as long as you don't redraw it.
HEXCODED, with three green echoes.
The word is the logo — there's no separate icon lockup. It's always all-caps, and the green echoes behind it are part of the mark, not a drop shadow you can switch off. Every file below is outlined, so you don't need our fonts installed to place it.
The logo breathes. Here it is, ready for your timeline.
The echoes pulse on a 3-second loop — it's how the mark behaves everywhere on our site. Rather than have you rebuild it, here's the sting itself with a real alpha channel: no green screen, no keying, drops straight onto an end card in Premiere, Final Cut, After Effects or Resolve.
.webm VP9 · alpha · 0.24 MB
1850 × 334 · 30 fps · seamless 3s loop
echo 2 +0.105em 55% → 22% (starts +0.1s)
echo 3 +0.158em 32% → 13% (starts +0.2s)
ease-in-out · offset down-right · green #22C55E
It's Hexcoded. One word, one capital.
Written like any other name — a capital H and nothing else. The all-caps form belongs to the logo and nowhere else, and there's no capital in the middle.
Anywhere the name appears in a sentence, a headline, a byline or a caption.
All caps belongs to the logo. Don't use it as a way of emphasising the name in text.
Green is the only accent.
There is no second brand colour. Everything else is cool grey — never warm, never violet. Green also means success; we don't keep a separate colour for it. Click any swatch to copy it.
Three fonts, one rhythm.
Eyebrow in mono, headline in Outfit, body in Inter — that stack is most of what makes something look like us. All three are open-licensed and free to use commercially.
Wordmark 900 / −0.025em
Captions: Inter 600, sentence case
Never body copy, never a headline
The short version.
Do
- Use the files as they are — they're already outlined.
- Keep clear space of at least the height of the H on every side.
- Switch to the flat version at small sizes or over busy footage.
- Use green as a fill, a bar or a mark — it reads better than green text.
- Pair ink #0B0B0F on canvas, or white on ink, for maximum contrast.
Don't
- Retype the wordmark in a font, or set it in lowercase or title case.
- Recolour the word to green — the word is ink or white, the echo is green.
- Stretch, skew, rotate, or add a stroke, bevel, glow or drop shadow.
- Place the primary version on a busy background — use flat instead.
- Go below ~120px wide on a 1080-wide frame; the echo turns to mush.
Need something that isn't here?
Product screenshots, a founder photo, or a version of the mark for a format we haven't thought of — just ask.
Get in touch