The TriggerEngage brand kit
Everything you need to refer to TriggerEngage in a blog post, talk, integration page, or directory listing — the mark, the lockups, the palette, and the rules. The assets are MIT-licensed like the rest of the project: use them to refer to TriggerEngage, don't use them to imply we built or endorsed your thing.
The mark — the Boltplane
A send-dart whose fold-crease is a lightning bolt: an event fires, a message flies. That's the product in one glyph — trigger shapes engage. Use the emerald version wherever you can; the ink and white versions exist for single-colour contexts.
- 01 drawn on a 64-unit grid
- 02 two paths, no masks or gradients
- 03 minimum size 16 px
- 04 clearspace = the width of the tail notch
Tile & app icon
For favicons, app icons, and avatars the mark sits in the emerald gradient tile, inked in deep green. This is the version you'll see in browser tabs and on the GitHub organisation.
Lockup
Mark on the left, name on the right, set in Instrument Sans 600. The name is one word — TriggerEngage, capital T, capital E — and "Engage" may take emerald. Never letterspace it, never set it in another face.
Colour
Emerald on near-black is the brand. The accents exist for charts, badges, and states — they never replace emerald as the identity colour. Click a swatch to copy its hex.
Typography
One family everywhere: Instrument Sans, with the system mono stack for code and event names. Fall back to ui-sans-serif, system-ui when the webfont isn't available.
Usage
Do
- Use the emerald mark on dark or neutral backgrounds, ink on light.
- Keep clearspace around the mark at least the width of its tail notch.
- Use the tile version for avatars, favicons, and app icons.
- Write the name as one word: TriggerEngage.
- Scale from the SVGs — they stay crisp at any size.
Don't
- Recolour the mark outside this palette, or add gradients, outlines, or shadows to it.
- Rotate the mark or separate the two pieces — the bolt gap is the logo.
- Place the emerald mark on emerald, or the ink mark on dark.
- Set the wordmark in another typeface, letterspace it, or write "Trigger Engage".
- Use the mark to imply TriggerEngage endorses or built your product.
Need something that isn't here — an EPS, a different size, a co-marketing question? Open an issue on GitHub and we'll sort it out. All assets also live in the repository under website/assets/brand/.