Logo

Optical kerning, refined weight, and defined clear space, as well as well delineated placement in relation to other content all help to make it as instantly recognizable as possible at all sizes and in all contexts.

Construction

Our logo is based on simple shapes. It is carefully constructed to maintain ownable characteristics while allowing for perfect legibility at any size on any application.

Clear Space & Exceptions

Clearspace around the logo is equal to the cap height of the Neon Hive O.

Color & Scale

Our logo should be Neon Hive White on darker backgrounds and Neon Hive Charcoal and Neon Hive Sea Green on white backgrounds.

Scale

Our logo is designed to scale to small sizes on print and screen.
 Smallest size: 75 pixels wide/1.98 centimeters wide.

Placement

The logo placement depends on the type of communication 
and use.

Bottom Right

General communications such as slide decks and documents: place logo bottom right of composition.

Sed Quia Non

Numquam eius modi tempora incidunt.

Top Left

Digital communications such as call-to-actions and 
websites: logo should be top left aligned.

Sed Quia Non

Numquam eius modi tempora.

Bottom Center

Branded content and application login pages such as The Hive: place logo bottom center of composition.

Sed Quia Non

Numquam eius modi tempora.

Center

Content where the logo tells the full story, such as a video slide or partnership announcement: place logo at the center of composition.

Partnerships

Aligning partnership logos should follow clear space rules. 
The separating line between logos can be created by 
a vertical line equal to the twice cap height of the Neon Hive O. The logo set should then be centered on the center line.

Stamp Icon

The Neon Hive stamp icon is to be used as somewhat of a seal of approval. Typical usage includes the bottom of important documents, stickers, and on gifts as a wax seal.

Stamp Icon Construction

Align the logo center vertically and horizontally of the icon shape. Use a vertical N as the padding to the left and right edge of the icon shape.

Social Icons

App icons are individually designed based on specifications.
 They are an exception to the clearspace guidelines and are sized optically to best fit each shape.

Social Icon Construction

Align the logo center vertically and horizontally of the icon shape. Use a vertical N as the padding to the left and right edge of the icon shape.

Guidance

The following guidelines help avoid things like altering the logo in any way, causing it to lose its integrity by stretching or presenting it in a way that is not harmonious with the rest of the brand’s voice.

Logo Applications

Explore our brand out in the wild.

Summary

01

Keep it simple

02

Provide a consistent experience

03

Embrace the power of black and white

Colour

Our colours take advantage of our existing strong association with crisp black and white.

A shift to more black and a manageable range of distinctive secondary and tertiary colours, lets our premium white continue to work for us while letting us embrace a darker feel. We also have a distinctive green to add tight focus on important moments.

Primary Brand Colours

Our primary brand colors are white and black. They are used to provide accessibility, simplicity, and consistency throughout all brand communications.

Neon White


RGB — 255 255 255
CYMK — 0 0 0 0
HEX — FFFFFF

Neon Black


RGB — 22 21 20
CYMK — 68 56 60 74
HEX — 161514

Secondary Colour

Neon Green is an important colour that is unique to Neon Hive and should be used sparingly for moments of support, assurance, and delight at moments of interaction between a user and the brand.

Neon Green


RGB - 91 193 164
CYMK - 65 1 31 0
HEX - 5BC1A4

Supporting Colours

Our secondary colours pull from the colours of a neon sign coming to life. They should be used sparingly throughout our media in order to accentuate our primary and secondary colours.

Neon Charcoal


RGB - 25 25 25
CYMK - 0 0 0 75
HEX - 404040

Neon Grey


RGB - 43 43 44
CYMK - 4 3 0 56
HEX - 6D6E71

Neon Light Grey


RGB - 56 56 56
CYMK - 0 0 044
HEX - 8E8E8E

Neon Smoke


RGB - 96 96 97
CYMK - 1 1 0 3
HEX - F5F5F7

Usage Proportions

It is important to follow the rules of these proportions when creating any brand communication in order to maintain brand consistency and remain accessible for all people.

White plays a very important role in all brand communications and should provide balance with black. Neon Green is only used for critical moments that warrant care between Neon Hive and the user. The supporting colours are only used reasonably for illustrations and within product.

Primary Colours



Secondary Colour



Supporting Colours

Colour Applications

Ways to incorporate colour

Summary

01

Keep it simple

02

A little Neon Green goes a long way

03

Our secondary colours should be used sparingly

Typography

Our typography is as unique and easy to use as we are.

Axiforma

Axiforma was designed with the single idea of creating a font that starts with the letter A, because let's face it, this is the best letter. For those of you who didn't see it coming, Axiforma is a /drum roll/ geometric sans in 20 weights.

Pairings

It is important to maintain these type pairings. This allows for clarity, consistency, and a strong hierarchy for all communications. Medium weight should be paired with Light weight, and Bold weight should be paired with Regular weight.

Option One
Option Two

Hierarchy

It is important to maintain these type pairings. This allows for clarity, consistency, and a strong hierarchy for all communications. Medium weight should be paired with Light weight, and Bold weight should be paired with Regular weight.

Option One
Option Two

Calls-to-Action

Iconography should be treated like glyphs 
within the typeface. Aligning typography with iconography should follow the same rules as partnership lockups

Construction
Option Two

Typography Applications

Ways to incorporate colour

Summary

01

Keep it simple

02

A little Neon Green goes a long way

03

Our secondary colours should be used sparingly

Colors
Headings

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six
Text Styles

As a sales rep, you don't have time to waste. You need to prioritize who you reach out to and when. But sometimes, that's easier said than done. As a sales rep, you don't have time to waste. You need to prioritize who you reach out to and when. But sometimes, that's easier said than done.

Lists & Quotes
  1. Body Text
  2. Body Text
  3. Body Text
"As a sales rep, you don't have time to waste. You need to prioritize who you reach out to and when. As a sales rep, you don't have time to waste. You need to prioritize who you reach out to and when."