The pixel squares are a design element that is used to frame and compliment HackerOne photography, product shots and illustrations. The pixel squares should not be used as a standalone design element or used to create layouts that are dominant with the pixel shape. Exceptions to this rule are only for special campaigns (FOMO, CISO).

Hacker profiles should be converted to black and white and placed in a circle frame. Pixel squares may be used as additional framing design elements.

Realistic product shots can be isolated to highlight key features. Always use high-fidelity photos or vector recreations of product screenshots so that text remains legible.

When creating layouts, a grid system can be overlayed on images to align a layout and frame images.

Use sentence caps for social media. This includes the content for these (subject lines, subheads, etc.,) and for the graphics..

Voice: Casual, witty, passionate, knowledgeable

For blog posts that highlight a downloadable asset, use the following template.

Apply dropshadow to asset. X:4, Y:4, Blur: 10, Black Opacity: 25%. (Note: dropshadow should be adjusted appropriatly for smaller scales.)

For blog posts that highlight an individual, convert portrait images to duotone and place within circle frame.

Email graphics should follow the HackerOne brand guidelines for color and typography. Email copy should follow the established guidelines in the writing section. Use sentence case for email marketing. This includes the content for these (subject lines, subheads, etc.) and for the graphics.

To be determined

Banner ads should follow the HackerOne brand guidelines for color and typography. Banner ad copy should follow the established guidelines in the writing section. Use sentence case for advertising. This includes the content for these (subject lines, subheads, etc.) and for the graphics.

The HackerOne Brand Persona or Archetype is a Magician first, Engineer second. Brand archetypes elevate brands in crowded marketplaces and help align communication, tone, style, and content.

The HackerOne Brand Voice is human, collaborative, realistic, and a catalyst for change. What does that mean for content?

When we write content, we always use the HackerOne overall brand voice of Magician, Engineer second, but the tone of each piece of content falls on a spectrum.

The HackerOne Brand Voice is human, collaborative, realistic, and a catalyst for change. What does that mean for content?

HackerOne was started by hackers and security leaders who are driven by a passion to make the internet safer. Our platform is the industry standard for ethical hacking solutions. We partner with the global hacker community to surface the most relevant security issues of our customers before they can be exploited by criminals. HackerOne is headquartered in San Francisco with offices in London, and the Netherlands. Investors include Benchmark, New Enterprise Associates, Dragoneer Investments, and EQT Ventures.

HackerOne closes the security gap between what organizations own and what they can protect. HackerOne's Attack Resistance Management blends the security expertise of ethical hackers with asset discovery, continuous assessment, and process enhancement to find and close gaps in the ever-evolving digital attack surface. This approach enables organizations to transform their business while staying ahead of threats. Customers include The U.S. Department of Defense, Dropbox, General Motors, GitHub, Goldman Sachs, Google, Hyatt, Lufthansa, Microsoft, MINDEF Singapore, Nintendo, PayPal, Slack, Starbucks, Twitter, and Yahoo. In 2021, HackerOne was named as a ‘brand that matters’ by Fast Company.

At HackerOne, we follow the AP StyleBook with one exception. We always use the Oxford comma.

What is the Oxford comma, and how do I use it? The Oxford comma is a comma used before the final conjunction in a list of three or more items. When you write a list, you naturally include commas to separate each item, but an Oxford comma is when you also put a comma before the "and [Final Item]."

We use the online Merriam-Webster dictionary for questions of spelling. Use the first spelling presented, and note that word presentations in the dictionary supersede the AP Stylebook.

Write in an active voice whenever possible. Note: there is no connection between active/passive and brand voice.

Active voice is more fluid and confident, while passive voice is more formal, but most importantly, is also less trustworthy and powerful.

Write in the second person plural POV except in formal pieces like press releases. In the second person plural, the speaker addresses the reader directly (you).

Tenses tell readers when something will occur or when it happened in the past.

The present tense is an unchanging, repeated, or recurring action that exists right now. Simple present is the preferred use of present tense. It uses the fewest words and is best for crafting clear and concise messaging.

When writing content that includes code snippets, use our Mono font in 10 point. Follow the instructions in this document.

Hackers are doing the world a service. We stand by the majority of them hacking for good.

Caps and Periods - Use periods in most two-letter abbreviations: U.S., U.N., U.K. Note: EU does not have a period. In headlines, do not use periods in abbreviations unless required for clarity.

When creating customer-facing content like blog posts, you may cite statistics to build credibility, emphasize a point, or otherwise share important information. Always cite your sources.

When mentioning vendors or partners or their products, be sure to include trademarks and registered trademarks as per their guidelines.

Organizations use the trademark symbol ™ when they haven’t registered with the United States Patent and Trademark Office (USPTO). They have common law protections only. Registered trademarks are USPTO registered and prevent anyone else from using your name or logo.

For a trademark symbol, type "option 2" to get ™. Confirm it’s superscript (this is automatic with ™) with Format, Text, Superscript and resize so the symbol is not the same size as the text font. It should look like this: Android ™

For a registered trademark symbol, type "option r" to get ®. Resize so it’s not the same size as the text font with Format, Text, Superscript, and resize. It should look like this: Microsoft ®

Examples of common trademarks or registered trademarks we use are: Windows ®, Microsoft ®, MacOS ®, iOS ®, Google™, AWS ®, Jira ®, GitHub ®, GitLab ®, PagerDuty ®, Slack ®

Always write out the numbers one through ten. Write numbers above ten as numerals.

When you begin a sentence with a number, write out the number.

When writing decimals, write the numeral, even if it is below ten, to ensure clarity and accuracy.

When writing percentages, use numerals and the percentage sign except at the beginning of a sentence.

Use the word "and" rather than an ampersand (&) in headlines and titles. Only use ampersands when they are specifically branded by a partner, customer, or vendor. Example: Procter & Gamble. The ampersand is part of their brand.

When using quotation marks, we use double quotation marks. Use single quotation marks for a quote within a quote. You are not likely to need single quotation marks.

Don’t use slashes as in "and/or."

Spacing After a Period - it is no longer common practice to put two spaces after a period. Use only one space after a period.

There are two types of dashes. The en dash is approximately the length of the letter n, and the em dash the length of the letter m.

The en dash can be used in the same way as an em dash; in this case, it requires a space on either side. At HackerOne, we use the em dash only for consistency.

Make sure not to confuse dashes with shorter hyphens (-), which are used to combine words (as in well-behaved or long-running). Do not use a hyphen in place of a dash.