Surge Brand: Colors, Fonts, Logo & Visual Identity
Surge Brand Identity
A complete profile of Surge's visual system — colors, typography, components, and personality — extracted from 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 PrimarybuttonPrimary
background#7F22FE textColor#000000 borderRadius6px
Button SecondarybuttonSecondary
backgroundtransparent textColor#F3E8FF borderColor#8E51FF borderRadius6px
Brand Personality
Tone: modern
Energy: medium
Audience: developers
Surge Brand in the Wild
Source: status.surge.app
Source: psrestful.com
Source: awwwards.com
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.