The Logo

This section is to outline the proper usage of our logo to ensure it is instantly recognizable.

The Neon One logo is the primary means of identifying the parent company, and should never be recreated or otherwise manipulated - we like it the way it is!

Logo System

Primary Logo

HORIZONTAL ALIGN

When using the Neon One logo's horizontal alignment, please do not alter the text or its relation to the 'N' monogram. The Neon One logo's horizontal alignment is the primary version to be used when referencing the company visually.

N1-Logo-2020-wh-lg-01
N1-Logo-2020-dh-lg-02

VERTICAL ALIGN

When using the Neon One logo's vertical alignment, please do not alter the text or its relation to the 'N' monogram. The Neon One logo's vertical version is used for center-aligned systems and should not be used in corners.

N1-Logo-2020-wv-lg
N1-Logo-2020-dv-lg

MONOGRAM

Only use the 'N' monogram in cases where an established familiarity with the Neon One brand and/or space is too limited to use the horizontal or vertical alignment versions.

N1-Logo-monogram-wh
N1-Logo-monogram-dr

Logo Colors

The colors listed below are the only colors besides black and white that may be used to represent the Neon One logo visually unless otherwise given instructions by the Neon One marketing team.

NOBLE NAVY

Used to color the droplet and diagonal squiggle on white backgrounds.

ELECTRIC BLUE

Used to color the '1' symbol on white backgrounds.

SOFT BLUE

Used to color the '1' symbol on dark backgrounds.

Hex #282968

R: 40
G: 41
B: 104

C: 25
M: 25
Y: 0
K: 59

Hex #008BF4

R: 0
G: 139
B: 244

C: 96
M: 41
Y: 0
K: 4

Hex #5FB9EB

R: 95
G: 185
B: 235

C: 55
M: 20
Y: 0
K: 8

Spacing

The spacing guides are great to reference to know how much white space should be between the Neon One logo and other graphic elements. This spacing should be used around the logo in any digital and print formats to give it some breathing room. The spacing around the horizontal logo is the same width as the spacing between the 'N' monogram and the wordmark. The spacing around the vertical logo is the same width as the height of the wordmark.

Artboard 1
Artboard 3

Minimum Sizing

DIGITAL

The minimum sizing for digital use is 70 pixels in width for the horizontal logo and 55 pixels in width for the vertical logo. A PNG file is preferred to display our logo online that’s less than 200KB, ensuring fast load times while remaining detailed and sharp!

Logo-min-digital

PRINT

The minimum sizing for print use is smaller than 0.75 inches in width for the horizontal logo and 0.7 inches in width for the vertical logo. The print sizing is outlined with the idea of pins and stickers created for events in mind.

Logo-min-print

Logo Crime

It is important to us that the Neon One logo stays consistent across all use cases. Our marketing team worked hard to create a cohesive and elegant logo for our brand. Please do not commit the following logo crimes as it would undo the tiring work we have all put in!

Do Not

NeonOne or Neonone or NEONONE

The Neon One name should always be separate, two words.

Do Not

Distortion 

Please do NOT warp, squish, stretch, rotate, mirror or alter the logo beyond our guides. We worked hard to make it as coherent as is. Distortion could lead to legibility issues.

Do Not

Rearrange  

Please do NOT move around the elements of the logo. The droplet should always stay in the left corner of the 'N,' and the '1' should always be diagonal from the droplet, in the upper right corner.

Do Not

Color Change  

Do not change the color or tone outside of the Neon One logo color palate unless given an alternate version from the Neon One marketing team.

Do Not

Special Effects 

There are NO drop shadows or gradients in our logo on purpose - we don't want them there! Drop shadows, gradients, and any other kind of special effects that belong in Word Art only make the logo less clear and subtract from it's intended simplicity.

Do Not

Typeface  

Our logo wordmark was specially created to flow with the logo monogram icon. It was derived from a mix of typefaces and shapes that aligned well together. The wordmark should not be recreated using type and should only be used as an image.

Do Not

Busy Backgrounds  

Do NOT use the logo against busy patterns or unapproved backgrounds with lower contrast.

Product Logos

CRM-icon

Neon CRM

KEYWORDS: Revive + Harmonize

Neon CRM is a central focal point for your small to midsize nonprofits.
Using the calming hue of Powder Blue, this channels feelings of hope and comfort for any nonprofit getting started or with a system that just isn’t working for them.

In a time of frustration or uncertainty, a water droplet symbolizes an opportunity to refresh and organize. A drop may form when liquid accumulates, like data, into a central system.

COLOR: Soft Blue

SYMBOL: Droplet

Neon-CRM
Neon-CRM-LT

Hex #5FB9EB

R: 95
G: 185
B: 235

C: 55
M: 20
Y: 0
K: 8

Raise-icon

Neon Raise

KEYWORDS: Growth + Harmonize

Neon Raise is geared for small nonprofits who aren’t quite ready for a system as robust as Neon CRM. It is a perfect place to get your funding started as a new organization.

This logo uses green to associate the characteristics of growth and freshness.
From a starting point as an organization, we want our customers to feel secure that their only direction from here is up. An arrow in the direction of positive funding is the perfect symbol to assure this future.

COLOR: Core Green

SYMBOL: Arrow

Neon-Raise-dark
Neon-Raise-LT

Hex #0AB78C

R: 10
G: 183
B: 140

C: 68
M: 0
Y: 17
K: 28

Pay-icon

Neon Pay

KEYWORDS: Transaction + Security

Neon Pay is positioned to process payment for all sizes of nonprofit customers. 

The single most important element in online processing of a credit card is security. For this obvious reason, we have chosen the Electric Blue that initiates this sense. 

The characteristics of the arrow used as an icon give a sense of control and precision. An arrow is direct, while it literally points to the word ‘Pay’ and starts at the point where a user’s eye naturally follows downward.

COLOR: Electric Blue

SYMBOL: Downward Arrow

Neon-Pay
Neon-Pay-LT

Hex #008BF4

R: 0
G: 139
B: 244

C: 96
M: 41
Y: 0
K: 4

CCM-icon

Neon CCM

KEYWORDS: Adaptability + Development

Neon CCM can be configured in an infinite amount of ways to fit your organization’s needs. It can be a ‘great fit’ to your process, like the missing puzzle piece to your company's growth.   

COLOR: Electric Blue

SYMBOL: Puzzle Piece

Neon-CCM-dark
Neon-CCM-LT

Hex #008BF4

R: 0
G: 139
B: 244

C: 96
M: 41
Y: 0
K: 4

Product-icon-14

Neon Fundraise

KEYWORDS: Compassion + Ambition

Neon Fundraise is geared towards enterprise organizations with a particular need. They are well established and have seen the hard times of being a nonprofit. 

Neon Fundraise offers “enterprise-caliber” fundraising features and administrative capabilities, making it a critical part of the life of growing and established organizations.   

COLOR: Rally Orange

SYMBOL: Flag

Neon-Fund
Neon-Fund-LT

Hex #EEA447

R: 238
G: 164
B: 71

C: 0
M: 29
Y: 65
K: 7

Gives-icon

Neon Giving Days

KEYWORDS: Connection + Community

All giving day hosts share the common goal of serving donors, nonprofit organizations, and the community as a whole. This common purpose creates the “heartbeat” and the “pulse” of Giving Days and the communities they serve.

COLOR: Core Green

SYMBOL: Heartbeat

Neon-Giving-Days
Neon-Giving-Days-LT

Hex #0AB78C

R: 10
G: 183
B: 140

C: 68
M: 0
Y: 17
K: 28

Member-icon

Neon Membership

KEYWORDS: Amplify + Support

The connection to Neon CRM is visually seen with the same water droplet icon, but the additional circle represents the precision of managing crucial membership relationships for an organization. Together, the droplet and dot symbolize a person waving, an attempt to represent who this product serves best - people.

COLOR: Soft Blue

SYMBOL: Dot and Droplet

Neon-Mem
Neon-Mem-LT

Hex #5FB9EB

R: 95
G: 185
B: 235

C: 55
M: 20
Y: 0
K: 8

Websites-Icon

Neon Websites

KEYWORDS: Inspire + Imprint

A website is a digital thumbprint of your organizations purpose. Core green is used in this logo to signify the growth potential a website adds to any organization. We build our websites with your mission in mind and the goal to inspire your donors.

COLOR: Core Green

SYMBOL: Globe and Mobile phone

Neon Websites Logo-31
Neon Websites Logo-32

Hex #0AB78C

R: 10
G: 183
B: 140

C: 68
M: 0
Y: 17
K: 28