Recraft Brand Identity

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

Color Palette

Brand palette extracted from https://www.recraft.ai/.

• Primary: #D2FC31
• RGB: rgb(210, 252, 49)
• Secondary: #0000EE
• RGB: rgb(0, 0, 238)
• Accent: #D2FC31
• RGB: rgb(210, 252, 49)
• Background: #000000
• RGB: rgb(0, 0, 0)
• Text Primary: #000000
• RGB: rgb(0, 0, 0)
• Link: #BB7BFF
• RGB: rgb(187, 123, 255)

Typography

Each font links to its Google Fonts page where available.

• Primary: Geist
  Geist Google Fonts →
• Heading: ABC Gravity Condensed
  ABC Gravity Condensed Google Fonts →

Visual Assets

%2522%3E%3C%2Fpath%3E%3Cg%20transform%3D%2522translate(7.667%206)%2522%3E%3Cpath%20d%3D%2522M%200%200%20L%2025.009%200%20L%2025.009%2025.603%20L%200%2025.603%20Z%2522%20fill%3D%2522transparent%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2020.778%209.214%20C%2020.778%2014.299%2016.16%2018.426%2010.463%2018.426%20L%2010.463%2025.601%20L%200%2025.601%20L%203.663%2012.801%20L%207.166%2012.801%20C%206.984%2011.697%206.884%2010.485%206.884%209.212%20C%206.884%204.125%208.485%200%2010.461%200%20C%2016.16%200%2020.78%204.125%2020.78%209.212%20Z%20M%208.589%209.212%20C%208.589%2013.367%209.427%2016.737%2010.461%2016.737%20C%2011.495%2016.737%2012.333%2013.367%2012.333%209.212%20C%2012.333%205.057%2011.495%201.687%2010.461%201.687%20C%209.427%201.687%208.589%205.057%208.589%209.212%20Z%2522%20fill%3D%2522rgb(255%2C255%2C255)%2522%3E%3C%2Fpath%3E%3Cpath%20d%3D%2522M%2020.982%2018.425%20L%2010.474%2018.425%20L%2014.504%2025.603%20L%2025.011%2025.603%20Z%2522%20fill%3D%2522rgb(255%2C255%2C255)%2522%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)

UI Components

• Button Primary
  Background: #D2FC31
  Text Color: #0000EE
  Border Radius: 12px
  Shadow: none

• Button Secondary
  Background: #E6E6E6
  Text Color: #0000EE
  Border Radius: 12px
  Shadow: none

Brand Personality

• Tone: modern
• Energy: high
• Audience: designers, creatives, sellers, and teams

Frequently Asked Questions

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

What font does Recraft use?
Recraft uses Geist for body text and ABC Gravity Condensed for headings.

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

Where can I find Recraft's logo?
Recraft's logo is available directly on their site (https://www.recraft.ai/).

How was this brand profile generated?
This profile was extracted from https://www.recraft.ai/ using the Firecrawl branding extraction API.