# Neon Brand Identity

A complete profile of **Neon**'s visual system — colors, typography, components, and personality — extracted from  [https://neon.tech/?ref=startups.gallery](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 →](https://fonts.google.com/specimen/Inter)
- **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](https://neon.com/_next/image?url=https%3A%2F%2Fneondatabase.wpenginepowered.com%2Fwp-content%2Fuploads%2F2023%2F02%2Fpage-7.2.png&w=3840&q=85)

Source: [neon.tech](https://neon.tech/blog/neon-vercel-integration)

## 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](https://neon.tech/?ref=startups.gallery)). 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](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.