# Recraft Brand Identity

A complete profile of **Recraft**'s visual system — colors, typography, components, and personality.

## Quick Facts

| Field     | Value     |
|-----------|-----------|
| Primary   | #D2FC31   |
| Accent    | #D2FC31   |
| Body Font | Geist     |
| Heading Font | ABC Gravity Condensed |

## Color Palette

- primary: #D2FC31
- secondary: #0000EE
- accent: #D2FC31
- background: #000000
- textPrimary: #000000
- link: #BB7BFF

## Typography

- primary: Geist — [Geist](https://fonts.google.com/specimen/Geist)
- heading: ABC Gravity Condensed — [ABC Gravity Condensed](https://fonts.google.com/specimen/ABC+Gravity+Condensed)

## Visual Assets

- Logo: %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)
- Favicon: 
- Social card (og:image):

## UI Components

- buttonPrimary: background=#D2FC31, textColor=#0000EE, borderRadius=12px, shadow=none
- buttonSecondary: background=#E6E6E6, textColor=#0000EE, borderRadius=12px, shadow=none

## Brand Personality

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

## Recraft Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **How Recraft Helped MEGA SEO Elevate Blog Images**  
  - Image: 
  - Source: [Link](https://www.recraft.ai/blog/how-recraft-helped-mega-seo-elevate-blog-images)
- **Styles - Recraft**  
  - Image: 
  - Source: [Link](https://www.recraft.ai/docs/api-reference/styles)
- **How to change an image background using AI?**  
  - Image: .webp)
  - Source: [Link](https://www.recraft.ai/blog/how-to-change-an-image-background-using-ai)

## Machine-Readable Profile

```json
{
 "colorScheme": "dark",
 "fonts": [
  {
   "family": "Geist",
   "role": "body"
  },
  {
   "family": "ABC Gravity Condensed",
   "role": "heading"
  },
  {
   "family": "ABC Gravity Extended Italic",
   "role": "unknown"
  }
 ],
 "colors": {
  "primary": "#D2FC31",
  "secondary": "#0000EE",
  "accent": "#D2FC31",
  "background": "#000000",
  "textPrimary": "#000000",
  "link": "#BB7BFF"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Geist",
   "heading": "ABC Gravity Condensed"
  },
  "fontStacks": {
   "heading": [
    "ABC Gravity Condensed",
    "sans-serif"
   ],
   "body": [
    "sans-serif"
   ],
   "paragraph": [
    "Geist",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "76px",
   "h2": "72px",
   "body": "16px"
  }
 },
 "spacing": {
  "baseUnit": 4,
  "borderRadius": "0px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#D2FC31",
   "textColor": "#0000EE",
   "borderRadius": "12px",
   "borderRadiusCorners": {
    "topLeft": "12px",
    "topRight": "12px",
    "bottomRight": "12px",
    "bottomLeft": "12px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#E6E6E6",
   "textColor": "#0000EE",
   "borderRadius": "12px",
   "borderRadiusCorners": {
    "topLeft": "12px",
    "topRight": "12px",
    "bottomRight": "12px",
    "bottomLeft": "12px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%2522http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%2522%20xmlns%3Axlink%3D%2522http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%2522%20viewBox%3D%25220%200%2040%2040%2522%20overflow%3D%2522visible%2522%3E%3Cg%3E%3Cpath%20d%3D%2522M%206.667%2040%20C%202.985%2040%200%2037.015%200%2033.333%20L%200%206.667%20C%200%202.985%202.985%200%206.667%200%20L%2033.333%200%20C%2037.015%200%2040%202.985%2040%206.667%20L%2040%2033.333%20C%2040%2037.015%2037.015%2040%2033.333%2040%20Z%2522%20fill%3D%2522rgb(0%2C%200%2C%200)%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",
  "favicon": "https://framerusercontent.com/images/fyWPJAGQFyHQnCd2vOWbGj5zJI.png",
  "ogImage": "https://framerusercontent.com/assets/HvQ4bEfLTmu6moXTB0tfExFJ1l0.png",
  "logoHref": "https://www.recraft.ai/",
  "logoAlt": "Recraft — Go to homepage"
 },
 "personality": {
  "tone": "modern",
  "energy": "high",
  "targetAudience": "designers, creatives, sellers, and teams"
 },
 "designSystem": {
  "framework": "custom",
  "componentLibrary": ""
 },
 "confidence": {
  "buttons": 0.95,
  "colors": 0.9,
  "overall": 0.925
 }
}
```