# NanoNets Brand Identity

A complete profile of **NanoNets**'s visual system — colors, typography, components, and personality — extracted from [https://nanonets.com](https://nanonets.com/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://nanonets.com.

| Color        | Hex      | RGB                |
|--------------|----------|--------------------|
| primary      | #101828  | rgb(16, 24, 40)    |
| secondary    | #23325F  | rgb(35, 50, 95)    |
| accent       | #546FFF  | rgb(84, 111, 255)  |
| background   | #FFFFFF  | rgb(255, 255, 255) |
| textPrimary  | #546FFF  | rgb(84, 111, 255)  |
| link         | #546FFF  | rgb(84, 111, 255)  |

## Typography

Each font links to its Google Fonts page where available.

- **Primary**: Inter [Google Fonts →](https://fonts.google.com/specimen/Inter)
- **Heading**: Inter [Google Fonts →](https://fonts.google.com/specimen/Inter)

## Visual Assets

## UI Components

Live previews rendered using NanoNets's actual button styles.

### Input

- Background: #FFFFFF
- Text Color: #969BB3
- Border Color: #D0D5DD
- Border Radius: 6px
- Shadow: rgba(16, 24, 40, 0.05) 0px 1px 2px 0px

### Button Primary

- Background: #546FFF
- Text Color: #F3F5FF
- Border Color: #546FFF
- Border Radius: 6px
- Shadow: none

### Button Secondary

- Background: #FFFFFF
- Text Color: #0B1020
- Border Color: #E6E9F2
- Border Radius: 10px
- Shadow: none

## Brand Personality

- **Tone:** modern  
- **Energy:** medium  
- **Audience:** business professionals and tech-savvy users

## NanoNets Brand in the Wild

## Frequently Asked Questions

- **What is NanoNets's primary brand color?** NanoNets's primary brand color is #101828. It anchors the visual identity across their website, product UI, and marketing materials.
- **What accent color does NanoNets use?** NanoNets uses #546FFF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
- **What font does NanoNets use?** NanoNets uses Inter as the primary typeface across body and headings.
- **Does NanoNets use a light or dark theme?** NanoNets's primary site uses a light color scheme, with a background of #FFFFFF.
- **Where can I find NanoNets's logo?** NanoNets's logo is available directly on their site (https://nanonets.com). The current logo URL is included in the machine-readable JSON profile linked above.