HackerOne Logos

These branding guidelines will help you determine the best way to use the HackerOne logo. Click the link to the file type that best meets your needs.

Branding
HACKERONE
Logo Usage

Wordmark Usage

The wordmark, also known as the logotype, is the primary mark that should be used. The wordmark should always be surrounded by clear space that is equal to the x-height of the lower case letter forms in the wordmark (shown).

Responsive image
Minimum size: Digital 75px wide
Minimum size: Print .75 inches wide
Responsive image

Logo Use

The wordmark and logo can be shown in black or white. Other colors, with the few exceptions noted below for the logo, are not permitted. The logo, also known as the glyph, should be used in situations where the wordmark is too large, e.g., a web favicon or bookmark. It can also be used as an accent where the wordmark is also used. It should not be used on its own in other situations as people outside the company likely do not know what it stands for. The logo should always be surrounded by clear space that is equal to the x-height of the lower case letter forms in the wordmark (shown).

The H1 mark should only be placed in a square shape. No other shapes (circle, rectangle, triangle, etc.) are used to contain the H1 mark.

Responsive image
Responsive image
Responsive image
Minimum size: Digital 75px wide
Minimum size: Print .75 inches wide
Responsive image

Wordmark and Logo Colors

The wordmark and logo can be shown in black or white. Other colors, with the few exceptions noted below for the logo, are not permitted.

Responsive image
Responsive image

Wordmark and Logo Misuse

Responsive image
block
Don't add drop shadow
Responsive image
block
Don’t distort.
Responsive image
block
Don’t use low resolution files.
Responsive image
block
Don’t place the logo against a background of a similar color or over imagery that negatively affects the visibility of the wordmark or logo.
Responsive image
block
Don’t place the H1 mark in a circle or any other shape.

Co-branding Guideline

Responsive image
Responsive image
Responsive image
Responsive image

Partner Co-branding

When showing HackerOne with a partner brand, both logos should have equal sizing. Be sure to keep enough white space around each logo to ensure that they read individually. The order of the logos will depend on the partnership and should be determined on a case-by-case basis.

Responsive image
Responsive image
Responsive image