# Vespper Brand Identity

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

## Color Palette
Brand palette extracted from https://vespper.com/?utm_source=ycombinator.com.

| Color        | Value           | RGB Values             |
|--------------|-----------------|------------------------|
| Primary      | #6A7282         | rgb(106, 114, 130)     |
| Secondary    | #ECFDF5         | rgb(236, 253, 245)     |
| Accent       | #6229FF         | rgb(98, 41, 255)       |
| Background   | #F7F5F3         | rgb(247, 245, 243)     |
| Text Primary | #37322F         | rgb(55, 50, 47)        |
| Link         | #6229FF         | rgb(98, 41, 255)       |

## Typography
Each font links to its Google Fonts page where available.

| Role  | Font Name          | Google Fonts Link                   |
|-------|--------------------|-------------------------------------|
| Body  | Inter              | [Google Fonts →](https://fonts.google.com/specimen/Inter) |
| Heading| Hanken Grotesk    | [Google Fonts →](https://fonts.google.com/specimen/Hanken+Grotesk) |
| Unknown| Instrument Serif   | Not found on Google Fonts?

## Visual Assets

*Logo*

*Favicon*

*Social Card*

## UI Components
Live previews rendered using Vespper's actual button styles.

### Input

| Field      | Details                         |
|------------|---------------------------------|
| Background | #FEFCFA                        |
| Text Color | #262626                        |
| Border Color| null                        |
| Border Radius| 10px                     |
| Shadow     | none                           |

### Button Primary

| Field      | Details                          |
|------------|----------------------------------|
| Background | #37322F                         |
| Text Color | #0A0A0A                         |
| Border Radius| 33554400px                  |
| Shadow     | rgba(0, 0, 0, 0) 0px 0px 0px 0px,
|            | rgba(255, 255, 255, 0.08) 0px 0px 0px 2.5px inset |

### Button Secondary

| Field      | Details                          |
|------------|----------------------------------|
| Background | #FFFFFF                         |
| Text Color | #37322F                         |
| Border Color| #E0DEDB                     |
| Border Radius| 33554400px                 |
| Shadow     | none                            |

## Brand Personality
**Tone:** professional  
**Energy:** medium  
**Audience:** professionals seeking AI document editing solutions

## Vespper Brand in the Wild
Real-world brand assets — ads, campaigns, and marketing materials.

Source: [vespper.com](https://www.vespper.com/)

Source: [vespper.com](https://www.vespper.com/)

Source: [vespper.com](https://www.vespper.com/)

Source: [vespper.com](https://www.vespper.com/)

Source: [vespper.com](https://www.vespper.com/)

## Frequently Asked Questions
**What is Vespper's primary brand color?**  
Vespper's primary brand color is #6A7282. It anchors the visual identity across their website, product UI, and marketing materials.

**What accent color does Vespper use?**  
Vespper uses #6229FF as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

**What font does Vespper use?**  
Vespper uses Inter for body text and Hanken Grotesk for headings. Fonts were detected on https://vespper.com/?utm_source=ycombinator.com as part of their live design system.

**Does Vespper use a light or dark theme?**  
Vespper's primary site uses a light color scheme, with a background of #F7F5F3.

**Where can I find Vespper's logo?**  
Vespper's logo is available directly on their site (https://vespper.com/?utm_source=ycombinator.com). The current logo URL is included in the machine-readable JSON profile linked above.

**How was this brand profile generated?**  
This profile was extracted from https://vespper.com/?utm_source=ycombinator.com using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles. It is not affiliated with or endorsed by Vespper.

## Methodology
Brand data on this page was extracted from [https://vespper.com/?utm_source=ycombinator.com](https://vespper.com/?utm_source=ycombinator.com) using the [Firecrawl](https://firecrawl.dev/) branding extraction API. The methodology involved inspecting each site's live CSS, font network requests, color tokens, and component styles.