Supernova Brand Identity

A complete profile of Supernova's visual system — colors, typography, components, and personality — extracted from https://supernova.io. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://supernova.io.

• Primary: #66728A
  rgb(102, 114, 138)
• Secondary: #1A5EE5
  rgb(26, 94, 229)
• Accent: #1A5EE5
  rgb(26, 94, 229)
• Background: #F1F3F9
  rgb(241, 243, 249)
• Text Primary: #262F40
  rgb(38, 47, 64)
• Link: #262F40
  rgb(38, 47, 64)

Typography

Each font links to its Google Fonts page where available.

• Primary: Manrope
  Google Fonts →
• Heading: Manrope
  Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

UI Components

Live previews rendered using Supernova's actual button styles.

• Input:
  background: #F1F3F9
  textColor: #262F40
  borderColor: #DEE3ED
  borderRadius: 12px
  shadow: none
• Button Primary:
  background: #1A5EE5
  textColor: #FFFFFF
  borderRadius: 33554400px
  shadow: none
• Button Secondary:
  background: #F1F3F9
  textColor: #262F40
  borderRadius: 33554400px
  shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: product teams and tech professionals

Supernova Brand in the Wild

Source: supernova.io

Source: supernova.io

Source: supernova.io

Source: supernova.io

Source: supernova.io

Source: supernova.io

Frequently Asked Questions

• What is Supernova's primary brand color?
  Supernova's primary brand color is #66728A. It anchors the visual identity across their website, product UI, and marketing materials.
• What accent color does Supernova use?
  Supernova uses #1A5EE5 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
• What font does Supernova use?
  Supernova uses Manrope as the primary typeface across body and headings.
• Does Supernova use a light or dark theme?
  Supernova's primary site uses a light color scheme, with a background of #F1F3F9.
• Where can I find Supernova's logo?
  Supernova's logo is available directly on their site (https://supernova.io).
• How was this brand profile generated?
  This profile was extracted from https://supernova.io 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 Supernova.