# Superpower Brand Identity

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

## Color Palette

Brand palette extracted from https://superpower.com/.  
**Primary**: #FC5F2B  
**Secondary**: #FFEDD5  
**Accent**: #2FA86C  
**Background**: #FFFFFF  
**Text Primary**: #18181B  
**Link**: #2FA86C

## Typography

Each font links to its Google Fonts page where available.  
**Primary**: Nb international pro webfont  
**Heading**: Nb international pro webfont

## Visual Assets

.svg)

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Superpower's actual button styles.

**Input**  
background: #FFFFFF  
textColor: #18181B  
borderColor: #CCCCCC  
borderRadius: 12px  
shadow: none

**Button Primary**  
background: #111111  
textColor: #FFFFFF  
borderRadius: 999px  
shadow: none

**Button Secondary**  
background: #FFFFFF  
textColor: #18181B  
borderRadius: 999px  
shadow: none

## Brand Personality

**Tone**: modern  
**Energy**: medium  
**Audience**: tech-savvy individuals

## Frequently Asked Questions

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

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

**What font does Superpower use?**  
Superpower uses Nb international pro webfont as the primary typeface across body and headings.

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

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

## Methodology

Brand data on this page was extracted from [https://superpower.com/](https://superpower.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. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Superpower.