# SuperAPI Brand Identity

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

## Color Palette

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

| Color      | Hex Code   | RGB Values              |
|------------|------------|-------------------------|
| primary    | #8BFADB    | rgb(139, 250, 219)      |
| secondary  | #BDEB4C    | rgb(189, 235, 76)       |
| accent     | #8BFADB    | rgb(139, 250, 219)      |
| background | #090A0B    | rgb(9, 10, 11)          |
| textPrimary| #090A0B    | rgb(9, 10, 11)          |
| link       | #305249    | rgb(48, 82, 73)         |

## Typography

Each font links to its Google Fonts page where available.

| Role    | Font          | Google Fonts Link                   |
|---------|---------------|-------------------------------------|
| primary | Inter         | [Google Fonts →](https://fonts.google.com/specimen/Inter) |
| heading | Inter         | [Google Fonts →](https://fonts.google.com/specimen/Inter) |

**Font Stacks for Body and Heading:**
- `Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial`

## Visual Assets

Logo

Favicon

## UI Components

Live previews rendered using SuperAPI's actual button styles.

### Button Primary
- Background: #8BFADB  
- Text Color: #000000  
- Border Radius: 9.6px  
- Shadow: rgba(0, 0, 0, 0.55) 0px 8px 26px 0px

### Button Secondary
- Background: transparent  
- Text Color: #FFFFFF  
- Border Color: #305249  
- Border Radius: 9.6px  
- Shadow: rgba(0, 0, 0, 0.7) 0px 0px 0px 1px inset

## Brand Personality

**Tone:** modern  
**Energy:** high  
**Audience:** developers and tech companies

## SuperAPI Brand in the Wild

Image: [media.licdn.com](https://media.licdn.com/dms/image/v2/D5622AQG943snH5MO8Q/feedshare-shrink_800/B56ZxpK9t9KkAg-/0/1771291008086?e=2147483647&v=beta&t=CYHhwpv8DXw_ISQtDHiZvs5PVyy03IOlceHVw_vFDcE)

Source: [linkedin.com](https://www.linkedin.com/posts/superapi-com-au_deputy-paydaysuper-keepingyoucompliant-activity-7429332967283466241-gQUv)

## Frequently Asked Questions

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

**What font does SuperAPI use?**  
SuperAPI uses Inter as the primary typeface across body and headings.

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

**Where can I find SuperAPI's logo?**  
SuperAPI's logo is available directly on their site (https://trysuperapi.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://trysuperapi.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 SuperAPI.

## Methodology

Brand data on this page was extracted from [https://trysuperapi.com](https://trysuperapi.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.