Skip to content
TRIAGERS™
Brand kit

Everything you need to say TRIAGERS™ correctly.

TRIAGERS™ is an on-demand triage service for bug bounty programs, and the brand looks like the work: a security operations room at 2am. Dark surfaces, one signal-red accent, the severity spectrum as the only gradient, and mono type for anything that reads like report metadata. This page is for anyone putting the name or logo somewhere: press, partners, platforms, slide decks. Take what you need; the rules are short.

01 · Logo

Three pieces, three colorways.

The lockup is the default. Use the mark alone where space is square (avatars, favicons) and the wordmark alone where the mark is already nearby. The wordmark is Archivo Expanded 800: it is drawn as paths in these files, so never retype it.

TRIAGERS™ full-colour lockup
Full lockup · color · dark backgrounds SVG PNG
TRIAGERS™ single-color white lockup
Full lockup · white · photos & dark surfaces SVG PNG
TRIAGERS™ single-color black lockup
Full lockup · black · light backgrounds SVG PNG
TRIAGERS™ mark TRIAGERS™ wordmark
Mark & wordmark, separately Mark Wordmark

Clear space & minimum size

  • Clear space: keep at least the height of the wordmark's "T" free on every side. Nothing enters that zone: no text, no edges, no other logos.
  • Minimum sizes: mark 24px, wordmark 120px wide, lockup 160px wide. Below that, use the mark alone.
  • Backgrounds: color lockup on paper/void/card; black on light; white on dark imagery. The tile red never changes.

Don't

Stretch
Recolor
Add effects
Busy imagery

Also: don't rotate it, don't retype the wordmark in another font, and don't drop the ™.

02 · Color

One accent. One gradient. A spectrum with a job.

Signal red is the only accent; the severity spectrum (critical → high → medium → low → valid) is the only gradient, and it always runs in that order. Everything else is a surface or a text tone. Click any value to copy it.

Accent

Signal
RGB
HSL
CSS

The primary accent: CTAs, links, focus rings, the logo tile.

Signal deep
RGB
HSL
CSS

Hover state for signal.

Signal tint
RGB
HSL
CSS

Background tint behind critical badges.

Surfaces

Void
RGB
HSL
CSS

Deepest surface: terminal blocks, footer.

Paper
RGB
HSL
CSS

The page background.

Card
RGB
HSL
CSS

Panels and cards.

Text

Ink
RGB
HSL
CSS

Headings and primary text.

Ink soft
RGB
HSL
CSS

Body copy.

Ink faint
RGB
HSL
CSS

Metadata. Large or mono text only.

Lines

Line
RGB
HSL
CSS

Hairline borders.

Line dark
RGB
HSL
CSS

Emphasized borders.

Severity spectrum

Critical
RGB
HSL
CSS

Same hex as signal: critical is the brand.

High
RGB
HSL
CSS
Medium
RGB
HSL
CSS
Low
RGB
HSL
CSS
Info
RGB
HSL
CSS
Valid
RGB
HSL
CSS

The verified end of the ramp.

The heat ramp

--heat: linear-gradient(90deg, #ff5440, #ff9e45 42%, #ffd166 72%, #3ddc97 100%)

Raw critical heat cooling into verified signal. Used for hairlines, the scroll progress bar and gradient headline text (hot end only). Never reversed, never re-ordered.

Contrast (WCAG 2.x, computed)

Foreground Background Ratio Verdict
Ink #e9edf4 Paper #070b13 16.8:1 AAA
Ink #e9edf4 Card #0d131f 15.8:1 AAA
Ink soft #96a1b5 Paper #070b13 7.6:1 AAA
Ink faint #5d6880 Paper #070b13 3.5:1 Large/mono only
Void #0b0503* Signal #ff5440 6.4:1 AA
White #ffffff Signal #ff5440 3.2:1 Below AA — logo/large only
Signal #ff5440 Paper #070b13 6.2:1 AA
Signal deep #ff7c5c Paper #070b13 7.8:1 AAA
High #ff9e45 Paper #070b13 9.6:1 AAA
Medium #ffd166 Paper #070b13 13.7:1 AAA
Low #5aa9ff Paper #070b13 8.0:1 AAA
Info #8b97ab Paper #070b13 6.7:1 AA
Valid #3ddc97 Paper #070b13 11.1:1 AAA

* Text on signal-red buttons is near-black #0b0503, not white: white on signal is 3.2:1 and fails AA for body text, which is why the site never sets small white type on red. Ink-faint (3.5:1) is reserved for large or mono metadata, never body copy.

03 · Typography

Three faces, strict roles.

Aa

Archivo · display

Headlines, the wordmark, big numbers. Variable width and weight; the wordmark is weight 800 at 125% width with 0.08em tracking. Weights in use: 700–850.

Google Fonts · SIL OFL
Fallback: ui-sans-serif, system-ui, sans-serif

Aa

Instrument Sans · body

Body copy, buttons, UI. Weights in use: 400–700.

Google Fonts · SIL OFL
Fallback: ui-sans-serif, system-ui, sans-serif

Aa

IBM Plex Mono · metadata

Anything that reads like report metadata: eyebrow labels, chips, nav, code, footers. Usually uppercase with wide tracking. Weights in use: 400–600.

Google Fonts · SIL OFL
Fallback: ui-monospace, SFMono-Regular, Menlo, monospace

Type scale, live

h1 · display · clamp(2.7rem, 8vw, 6.3rem) · lh 0.98 · ls -0.025em

Only signal survives.

h2 · display · clamp(2.1rem, 5.5vw, 4.3rem)

The queue, worked properly.

h3 · display 740 · 1.7rem

Reproduce first, verdict second.

h4 · display 700 · 1.3rem

Severity argued on impact.

body · sans 400 · 1.075rem · lh 1.8

Every submission gets validated, reproduced, deduplicated and severity-rated, with a proof of concept and remediation advice attached.

small · sans 400 · 0.875rem

Pay for capacity, not headcount.

field label · mono 600 · 0.72rem · ls 0.22em · uppercase

Verdict · Repro · PoC

code · mono · terminal block

$ verdict --report 4191
VALID · IDOR · severity: high (8.2)
04 · Voice

Write like a triage verdict.

TRIAGERS™ speaks as "we": practitioners, not a platform. Sentences are short and declarative, and they lead with the verdict; the reasoning follows. Numbers are specific ("from $15 per report", "24/7") and adjectives earn their place: we never say "cutting-edge", "world-class" or "revolutionary". Humor is dry and rationed, and it lands at the end of a serious sentence ("a genuine finding from confident nonsense", "without archaeology"), never as its own joke.

We respect both sides of the queue. Researchers are "researchers" or "hunters", never "submitters"; a bad report is "noise", never an insult. We say what we don't do as plainly as what we do, and we never promise outcomes we can't reproduce. Labels and metadata go full mono-caps (VERDICT · REPRO · POC); prose never shouts, and exclamation marks don't appear.

Before → after

  • We leverage world-class expertise to optimize your security posture!
    Your queue, triaged by actual hackers.
  • Our innovative solution delivers significant cost savings.
    Per report, from $15. You pay for capacity, not headcount.
  • We carefully assess every incoming submission.
    No verdict without reproduction. If we can't make the bug happen, we say so and show our work.
  • Invalid reports are efficiently filtered out.
    Your engineers only ever see the reports that matter.

Terms & spellings

  • TRIAGERS™ — always all caps with the ™ in visible copy. Never "Triagers" in prose.
  • US English — organization, prioritize, color (in copy; token names keep their existing spellings).
  • Verdicts — valid, duplicate, informative, not applicable (lowercase in prose, CAPS in chips).
  • Platform names — HackerOne, Bugcrowd, Intigriti, YesWeHack, "security@ inbox" for self-hosted.
  • bug bounty — two words, no hyphen, lowercase.
05 · Imagery & icons

No stock photos. The queue is the imagery.

Imagery

The brand's visual language is rendered, not photographed: drifting report queues, verdict chips, terminal blocks and blog cover art generated deterministically from the post slug. If an image can't be built from the queue metaphor and the palette, it probably doesn't belong. No stock photography, no clip art, no glossy 3D.

Iconography

Inline SVG line icons in the Heroicons outline style: 2px stroke, round caps and joins, 24×24 grid, drawn in currentColor so they inherit text color. Status is shown with dot-chips, not icons. No filled icons, no emoji in UI, no multicolor icons.

06 · UI elements

The parts, live from the site's own CSS.

Buttons

radius 0.5rem · padding 0.9rem 1.6rem · primary: signal bg, near-black text, hover glow 0 8px 40px -8px rgba(255,84,64,.55) · ghost: 1px line-dark border

Links & chips

Prose links are signal-deep, underlined; nav links are mono-caps that brighten on hover.

Critical High Medium Low Info Valid

chip: mono 600 · 0.66rem · pill radius · 10% tint bg · 35% tint border · glowing dot

Inputs

void bg · 1px line border · radius 0.5rem · padding 0.75rem · focus: border brightens + 2px signal outline

Cards

Standard card: card bg with a 3% ink wash, 1px line border, radius 0.75rem. This one wears the optional heat-gradient border (.panel-glow), reserved for the single highlighted item in a set.

section rhythm: py-24 → sm:py-36 · container max-w-7xl · gutters px-5 → sm:px-8

07 · Downloads

Every file, one table.

SVGs are the canonical files; PNGs are pre-rendered at 1×/2×/4× with transparent backgrounds. Or take the whole kit as a zip.

File Format Size Download
Full lockup
logo-full-colour.svg SVG 2 KB Download
logo-full-colour.png PNG 381×48 5 KB Download
[email protected] PNG 762×96 10 KB Download
[email protected] PNG 1524×192 19 KB Download
logo-black.svg SVG 2 KB Download
logo-black.png PNG 381×48 3 KB Download
[email protected] PNG 762×96 6 KB Download
[email protected] PNG 1524×192 13 KB Download
logo-white.svg SVG 2 KB Download
logo-white.png PNG 381×48 4 KB Download
[email protected] PNG 762×96 7 KB Download
[email protected] PNG 1524×192 14 KB Download
logo-full-colour-on-paper.png PNG 1716×384 19 KB Download
Mark
logo-mark-full-colour.svg SVG 195 B Download
logo-mark-full-colour.png PNG 64×64 503 B Download
[email protected] PNG 128×128 1 KB Download
[email protected] PNG 256×256 2 KB Download
logo-mark-black.svg SVG 220 B Download
logo-mark-black.png PNG 64×64 424 B Download
[email protected] PNG 128×128 925 B Download
[email protected] PNG 256×256 2 KB Download
logo-mark-white.svg SVG 232 B Download
logo-mark-white.png PNG 64×64 433 B Download
[email protected] PNG 128×128 960 B Download
[email protected] PNG 256×256 2 KB Download
Wordmark
logo-wordmark-full-colour.svg SVG 2 KB Download
logo-wordmark-full-colour.png PNG 239×32 3 KB Download
[email protected] PNG 479×64 6 KB Download
[email protected] PNG 957×128 13 KB Download
logo-wordmark-black.svg SVG 2 KB Download
logo-wordmark-black.png PNG 239×32 2 KB Download
[email protected] PNG 479×64 4 KB Download
[email protected] PNG 957×128 9 KB Download
logo-wordmark-white.svg SVG 2 KB Download
logo-wordmark-white.png PNG 239×32 2 KB Download
[email protected] PNG 479×64 5 KB Download
[email protected] PNG 957×128 10 KB Download
Icons & social
favicon.svg SVG 195 B Download
favicon.ico ICO 16/32/48 809 B Download
apple-touch-icon.png PNG 180×180 578 B Download
icon-192.png PNG 192×192 2 KB Download
icon-512.png PNG 512×512 5 KB Download
og-template.png PNG 1200×630 99 KB Download
Tokens & everything
brand-tokens.json JSON 5 KB Download
brand-tokens.css CSS 2 KB Download
README.txt TXT 2 KB Download
brand-assets.zip ZIP 274 KB Download
08 · Usage

Using the brand somewhere?

You're welcome to use these assets to refer to TRIAGERS™ in articles, talks, integrations and press, following the rules on this page. Any other use (co-branding, merchandise, anything that implies endorsement) needs a yes from us first.

Brand questions: the contact form, or the "Book a call" link in the footer.

Brand kit v1.0.0 · Last updated August 21, 2026