Neon Brand Identity

A complete profile of Neon's visual system — colors, typography, components, and personality — extracted from https://neon.tech/?ref=startups.gallery. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://neon.tech/?ref=startups.gallery.

• primary
  #CAE6D9
rgb(202, 230, 217)
• secondary
  #285D49
rgb(40, 93, 73)
• accent
  #34D59A
rgb(52, 213, 154)
• background
  #000000
rgb(0, 0, 0)
• textPrimary
  #000000
rgb(0, 0, 0)
• link
  #34D59A
rgb(52, 213, 154)

Typography

Each font links to its Google Fonts page where available.

• primary
  Inter
  Inter Google Fonts →
• heading
  Inter

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m49.97%2023.124-10.745-9.51v9.323h-3.38V6.201l10.746%209.51V6.387h3.38zm3.722-.187V6.387h10.116V9.72h-6.736v3.264h5.338v3.263h-5.338v3.357h6.736v3.333zm20.58.187a8.446%208.446%200%200%201-8.461-8.462%208.446%208.446%200%200%201%208.46-8.461%208.446%208.446%200%200%201%208.462%208.461%208.446%208.446%200%200%201-8.461%208.462m0-3.264c2.89%200%205.058-2.33%205.058-5.198%200-2.867-2.168-5.198-5.058-5.198s-5.058%202.331-5.058%205.198%202.168%205.198%205.058%205.198m24.888%203.264-10.746-9.51v9.323h-3.38V6.201l10.746%209.51V6.387h3.38z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

UI Components

Live previews rendered using Neon's actual button styles.

Button Primary

• buttonPrimary
  • background: #34D59A
  • textColor: #000000
  • borderRadius: 33554400px
  • shadow: none

Button Secondary

• buttonSecondary
  • background: #FFFFFF
  • textColor: #1A1A1A
  • borderRadius: 33554400px
  • shadow: none

Brand Personality

• Tone: modern
• Energy: high
• Audience: developers and tech startups

Neon Brand in the Wild

Brand Assets

Image: neon.com

Source: neon.tech

Frequently Asked Questions

1. What is Neon's primary brand color?
   Neon's primary brand color is #CAE6D9. It anchors the visual identity across their website, product UI, and marketing materials.
2. What accent color does Neon use?
   Neon uses #34D59A as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. What font does Neon use?
   Neon uses Inter as the primary typeface across body and headings.
4. Does Neon use a light or dark theme?
   Neon's primary site uses a dark color scheme, with a background of #000000.
5. Where can I find Neon's logo?
   Neon's logo is available directly on their site (neon.tech). The current logo URL is included in the machine-readable JSON profile linked above.
6. How was this brand profile generated?
   This profile was extracted from https://neon.tech/?ref=startups.gallery using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.