SuperCraft Brand Identity

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

Color Palette

Brand palette extracted from https://supercraft.ai.

• Primary: #020817
• Secondary: #FCDADA
• Accent: #CFF1E6
• Background: #FFFFFF
• Text Primary: #0F0E12
• Link: #CFF1E6

Typography

Each font links to its Google Fonts page where available.

• Primary: Plus Jakarta Sans
  Plus Jakarta Sans Google Fonts →
• Heading: Plus Jakarta Sans
  Plus Jakarta Sans Google Fonts →

Visual Assets

Logo

Favicon

UI Components

• Button Primary:
  Background: #8B8B8B, Text Color: #FFFFFF, Border Radius: 8px
• Button Secondary:
  Background: #FFFFFF, Text Color: #000000, Border Color: #6B7280, Border Radius: 8px

Brand Personality

• Tone: modern
• Energy: medium
• Audience: designers and product developers

Frequently Asked Questions

• What is SuperCraft's primary brand color?
  SuperCraft's primary brand color is #020817.
• What accent color does SuperCraft use?
  SuperCraft uses #CFF1E6 as an accent color.
• What font does SuperCraft use?
  SuperCraft uses Plus Jakarta Sans as the primary typeface.
• Does SuperCraft use a light or dark theme?
  SuperCraft's primary site uses a light color scheme.
• Where can I find SuperCraft's logo?
  SuperCraft's logo is available on their site (link).

Methodology

Brand data on this page was extracted from https://supercraft.ai using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Plus Jakarta Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#020817",
    "secondary": "#FCDADA",
    "accent": "#CFF1E6",
    "background": "#FFFFFF",
    "textPrimary": "#0F0E12",
    "link": "#CFF1E6"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Plus Jakarta Sans",
      "heading": "Plus Jakarta Sans"
    }
  },
  "components": {
    "buttonPrimary": {
      "background": "#8B8B8B",
      "textColor": "#FFFFFF",
      "borderRadius": "8px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderColor": "#6B7280",
      "borderRadius": "8px"
    }
  },
  "images": {
    "logo": "https://supercraft.ai/landing/supercraft_logomark.svg",
    "favicon": "https://supercraft.ai/newlogo_favicon.png"
  }
}