Brand The logo,
The logo,
and how to place it.
Every file here is generated from the website's own font and colour tokens, so what you download is what the site runs. The wordmark is outlined, not typeset: it needs no font installed, and it cannot fall back to the wrong letterform.
Everything, in one file
triagents-brand-assets.zip
SVG is the master in every case. The PNGs are conveniences for tools that cannot place vector, and the PDFs are what a printer should be sent. If you need something that is not here, ask us rather than redrawing it.
Wordmark
Four variants, one shape.
The suffix is the ink or white colour held at 60% opacity, exactly as the site renders it, so each file stays correct on whatever ground it lands on.
Icon
One drawing, every size.
Everything derives from φ on a 64-unit tile: the cap height is the tile over φ, the dot is the cap over φ², the gap between stem and dot is the dot over φ², and the corner radius is the tile over φ³. The dot sits on the T's baseline, exactly as the full stop does in the wordmark. The crossbar lands on 2.33px at 16px, so the mark holds together in a browser tab without a second drawing to maintain.
Rounded, paper
The default app icon. iOS, Android and web manifests apply their own mask.
Rounded, indigo
For light surfaces that need the mark to carry colour rather than sit quietly.
Mark only
No tile. For watermarks, favicons inside another frame, and very tight spaces.
Clear space
Half the height
of the T.
On all four sides. Nothing enters that box: no text, no rule, no photo edge, no other logo. The icon's clear space is its own corner radius.
- Minimum, web navigation
- 24px tall
- Absolute floor
- 16px tall, then use the icon instead
- Below 64px
- The favicon drawing, not the icon
Colour
One hue, two indigos.
Indigo is 1.73:1 against ink and fails every contrast floor, which is why the full stop lightens on dark grounds. The site footer makes the same swap.
| Role | Hex | Where |
|---|---|---|
| Ink | #0A0A0A | "Triage", and the icon letter on a light tile |
| Accent indigo | #4338CA | The full stop on light grounds; the indigo tile |
| Accent on dark | #818CF8 | The full stop on ink or indigo |
| Paper | #FBFAF7 | The light tile |
| Hairline | #DDDAD2 | The light tile's edge |
Do not
Six ways to get it wrong.
- Re-typeset the wordmark. Set live it needs Satoshi and its ss01 stylistic set, and without ss01 the "a" in Triage is the wrong letter.
- Recolour the mark, or add a gradient, shadow, outline, skew or rotation.
- Put a product colour (TriageVoice, TriageChat, TriageForms) inside the mark.
- Stretch it. Scale both dimensions together.
- Rebuild the icon from the wordmark’s T, or the wordmark from the icon.
- Place the wordmark over a busy photograph. Use the reversed mark on a solid.
Get started Need something that is not here?
Need something that is not here?
Ask before you redraw it.
A lockup for a conference banner, a variant for an integration listing, or a check on a placement you are unsure about. Send it through and we will either approve it or send you the right file.