# Surge Brand Identity

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

## Color Palette

Brand palette extracted from https://surge.app.

| Type      | Color Hex | RGB               |
|-----------|-----------|-------------------|
| primary   | #8E51FF   | rgb(142, 81, 255) |
| secondary | #131333   | rgb(19, 19, 51)   |
| accent    | #7F22FE   | rgb(127, 34, 254) |
| background| #000000   | rgb(0, 0, 0)      |
| textPrimary| #000000  | rgb(0, 0, 0)      |
| link      | #99A1AF   | rgb(153, 161, 175)|

## Typography

Each font links to its Google Fonts page where available.

| Type       | Font                                      |
|------------|-------------------------------------------|
| primary    | Arial                                    |
| heading     | Arial                                    |

## UI Components

Live previews rendered using Surge's actual button styles.

**Button Primary**  
`buttonPrimary`  
background#7F22FE textColor#000000 borderRadius6px

**Button Secondary**  
`buttonSecondary`  
backgroundtransparent textColor#F3E8FF borderColor#8E51FF borderRadius6px

## Brand Personality

**Tone:** modern  
**Energy:** medium  
**Audience:** developers

## Surge Brand in the Wild

Source: [status.surge.app](https://status.surge.app/)

Source: [psrestful.com](https://psrestful.com/promotional-industry-sales-surge-report-explained/)

Source: [awwwards.com](https://www.awwwards.com/sites/surge-i-3d-landing-page)

## Frequently Asked Questions

#### What is Surge's primary brand color?
Surge's primary brand color is #8E51FF. It anchors the visual identity across their website, product UI, and marketing materials.

#### What accent color does Surge use?
Surge uses #7F22FE as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

#### What font does Surge use?
Surge uses Arial as the primary typeface across body and headings.

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

#### Where can I find Surge's logo?
Surge's logo is available directly on their site (https://surge.app). The current logo URL is included in the machine-readable JSON profile linked above.