Brand & press kit
Everything you need to write about Tracely or post about it, in one page.
Assets are free to use — the rules below exist so the mark stays recognisable,
not to make your life hard. Questions: tracely.live.
The mark
A white “T” whose stem forks at the bottom — money branching out, which is
the whole product in one glyph. The fork is the brand; don’t straighten it.
Logo files
SVG scales to anything and is the right choice when you control the renderer.
Everywhere else — avatars, decks, slides, app stores — use a PNG at the size the
platform asks for, so nobody has to resample the mark and soften the fork.
MARK (SQUARE)
Carries its own gradient plate, so it sits on any
background without a container.
LOCKUP (MARK + WORDMARK)
The wordmark is white. Transparent PNGs vanish on a
light background — use the · void version there, or the SVG on your own dark panel.
Social sizes.
X / Twitter avatar → 400. Telegram & Discord → 512.
Apple touch icon → 180. PWA manifest → 192 and 512.
Favicon fallback → 32 / 48. Print & app stores → 1024.
Palette
#0a0a12
--void
Page ground. Violet-biased near-black, never pure #000.
#4f46e5
--indigo
Brand gradient, start.
#6d28d9
--violet
Brand gradient, middle.
#7e22ce
--purple
Brand gradient, end.
#a78bfa
--glow
Highlights, data accents, links.
#ff3b5c
--alarm
RESERVED. Danger and the 'being watched' beat only.
--alarm is reserved. It marks danger and the
“investigators are watching” beat. Using it decoratively makes the one colour that should stop
a reader stop meaning anything.
Typography
COPY
Inter
Headlines and body. Tight tracking on display sizes.
DATA
JetBrains Mono
Every number, address and hash — with tabular figures, so
digits line up and a counting value doesn’t jitter.
Banners
Ready to post. Each is 1200×630 and shares one frame, so two Tracely links in a feed
read as the same product.
Usage
- Use the mark on the void ground, or on any dark surface.
- Keep clear space around the mark equal to the height of its crossbar.
- Use Inter for copy and JetBrains Mono for anything numeric.
- Say “on-chain analysis”.
- Don’t recolour the mark, or place it on a light/busy background.
- Don’t stretch, rotate, add shadows, or outline it.
- Don’t rebuild the wordmark in another typeface.
- Don’t use --alarm decoratively — it means danger, nothing else.
- Don’t say “forensics”. The product word is “analysis”.