Firebender Brand: Colors, Fonts, Logo & Visual Identity

Firebender Brand Identity

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

Color Palette

Brand palette extracted from https://firebender.com.

primary: #2B7FFF (rgb(43, 127, 255))
secondary: #A4E5BC (rgb(164, 229, 188))
accent: #171717 (rgb(23, 23, 23))
background: #FAFAFA (rgb(250, 250, 250))
textPrimary: #171717 (rgb(23, 23, 23))
link: #9CA3AF (rgb(156, 163, 175))

Typography

Each font links to its Google Fonts page where available.

primary: Inter
heading: Inter

UI Components

Live previews rendered using Firebender's actual button styles.

Button Primary

background: #171717
textColor: #FAFAFA
borderRadius: 9999px
shadow: none

Brand Personality

Tone: modern
Energy: medium
Audience: tech-savvy professionals

Firebender Brand in the Wild

Source: firebender.com

Source: docs.firebender.com

Source: firebender.com

Frequently Asked Questions

What is Firebender's primary brand color?
Firebender's primary brand color is #2B7FFF. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does Firebender use?
Firebender uses #171717 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does Firebender use?
Firebender uses Inter as the primary typeface across body and headings.
Does Firebender use a light or dark theme?
Firebender's primary site uses a light color scheme, with a background of #FAFAFA.
Where can I find Firebender's logo?
Firebender's logo is available directly on their site (https://firebender.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://firebender.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 Firebender.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#2B7FFF",
    "secondary": "#A4E5BC",
    "accent": "#171717",
    "background": "#FAFAFA",
    "textPrimary": "#171717",
    "link": "#9CA3AF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "body": [
        "Inter"
      ],
      "paragraph": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "44px",
      "body": "17px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "2px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#171717",
      "textColor": "#FAFAFA",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20height%3D%2220%22%20role%3D%22presentation%22%20viewBox%3D%220%200%20161%2020%22%20width%3D%22161%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%3Cg%20clip-path%3D%22url(%23clip0_6165_147817)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M48.1573%2016.8217V3.14331H61.1402V5.56274H50.9096V8.97281H60.0583V11.3922H50.9096V16.8217H48.1573Z%22%20fill%3D%22rgb(23%2C%2023%2C%2023)%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M65.5311%203.12109H62.8738V5.56275H65.5311V3.12109Z%22%20fill%3D%22rgb(23%2C%2023%2C%2023)%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M65.5311%206.80103H62.8738V16.8217H65.5311V6.80103Z%22%20fill%3D%22rgb(23%2C%2023%2C%2023)%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M75.1732%209.50624C74.7177%209.39194%2074.5089%209.35383%2073.9775%209.35383C71.7757%209.35383%2070.3142%2010.2492%2070.3142%2012.5543V16.8217H67.6569V6.80105H70.3142V8.57276C71.1683%207.25826%2072.44%206.7439%2074.0724%206.7439C74.5279%206.7439%2074.8885%206.80105%2075.1732%206.87725V9.50624Z%22%20fill%3D%22rgb(23%2C%2023%2C%2023)%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M84.9737%2013.0307L87.2325%2014.0022C86.5681%2015.6596%2084.5372%2017.0313%2081.8989%2017.0313C78.4634%2017.0313%2075.9958%2014.9167%2075.9958%2011.8114C75.9958%208.70617%2078.4254%206.6106%2081.8799%206.6106C85.3344%206.6106%2087.4033%208.85857%2087.4033%2011.7162V12.5544H78.5583C78.8809%2014.0022%2080.1906%2014.8595%2081.8989%2014.8595C83.3794%2014.8595%2084.5182%2014.1356%2084.9737%2013.0307ZM78.6532%2010.7446H84.7839C84.6321%209.8111%2083.5122%208.74427%2081.785%208.74427C80.3235%208.74427%2079.0707%209.43009%2078.6532%2010.7446Z%22%20fill%3D%22rgb(23%2C%2023%2C%2023)%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M91.6169%2016.8217H88.9596V3.14331H91.6169V8.02027C92.3002%207.25825%2093.6099%206.61053%2095.3561%206.61053C98.7726%206.61053%20100.785%208.97281%20100.785%2011.8114C100.785%2014.6499%2098.7726%2017.0312%2095.3561%2017.0312C93.6099%2017.0312%2092.3002%2016.3835%2091.6169%2015.6215V16.8217ZM91.503%2011.8876C91.503%2013.5831%2092.9835%2014.8595%2094.8816%2014.8595C96.7797%2014.8595%2098.2412%2013.7736%2098.2412%2011.8114C98.2412%209.84914%2096.6848%208.7823%2094.8816%208.7823C92.9835%208.7823%2091.503%2010.0396%2091.503%2011.7542V11.8876Z%22%20fill%3D%22rgb(23%2C%2023%2C%2023)%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M110.838%2013.0307L113.097%2014.0022C112.433%2015.6596%20110.402%2017.0313%20107.763%2017.0313C104.328%2017.0313%20101.86%2014.9167%20101.86%2011.8114C101.86%208.70617%20104.29%206.6106%20107.744%206.6106C111.199%206.6106%20113.268%208.85857%20113.268%2011.7162V12.5544H104.423C104.745%2014.0022%20106.055%2014.8595%20107.763%2014.8595C109.244%2014.8595%20110.383%2014.1356%20110.838%2013.0307ZM104.518%2010.7446H110.648C110.496%209.8111%20109.377%208.74427%20107.649%208.74427C106.188%208.74427%20104.935%209.43009%20104.518%2010.7446Z%22%20fill%3D%22rgb(23%2C%2023%2C%2023)%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M114.824%206.8011H117.481V8.05844C118.203%207.23927%20119.455%206.6106%20121.126%206.6106C123.821%206.6106%20125.472%208.45851%20125.472%2011.2399V16.8217H122.815V11.8686C122.815%2010.154%20121.961%209.01098%20120.253%209.01098C118.544%209.01098%20117.481%2010.1159%20117.481%2011.9067V16.8217H114.824V6.8011Z%22%20fill%3D%22rgb(23%2C%2023%2C%2023)%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M132.4%2017.0312C128.984%2017.0312%20126.972%2014.6689%20126.972%2011.8114C126.972%208.95376%20128.984%206.61053%20132.4%206.61053C134.146%206.61053%20135.456%207.25825%20136.139%208.02027V3.14331H138.797V16.8217H136.139V15.6215C135.456%2016.3835%20134.146%2017.0312%20132.4%2017.0312ZM132.875%208.7823C131.072%208.7823%20129.515%209.86819%20129.515%2011.8114C129.515%2013.7545%20131.072%2014.8595%20132.875%2014.8595C134.773%2014.8595%20136.253%2013.5831%20136.253%2011.8876V11.7542C136.253%2010.0396%20134.773%208.7823%20132.875%208.7823Z%22%20fill%3D%22rgb(23%2C%2023%2C%2023)%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M149.331%2013.0307L151.59%2014.0022C150.925%2015.6596%20148.894%2017.0313%20146.256%2017.0313C142.821%2017.0313%20140.353%2014.9167%20140.353%2011.8114C140.353%208.70617%20142.783%206.6106%20146.237%206.6106C149.692%206.6106%20151.761%208.85857%20151.761%2011.7162V12.5544H142.916C143.238%2014.0022%20144.548%2014.8595%20146.256%2014.8595C147.737%2014.8595%20148.875%2014.1356%20149.331%2013.0307ZM143.01%2010.7446H149.141C148.989%209.8111%20147.87%208.74427%20146.142%208.74427C144.681%208.74427%20143.428%209.43009%20143.01%2010.7446Z%22%20fill%3D%22rgb(23%2C%2023%2C%2023)%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M160.833%209.50624C160.378%209.39194%20160.169%209.35383%20159.638%209.35383C157.436%209.35383%20155.974%2010.2492%20155.974%2012.5543V16.8217H153.317V6.80105H155.974V8.57276C156.828%207.25826%20158.1%206.7439%20159.733%206.7439C160.188%206.7439%20160.549%206.80105%20160.833%206.87725V9.50624Z%22%20fill%3D%22rgb(23%2C%2023%2C%2023)%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M18.9332%204.82951C18.9333%207.43619%2021.0435%209.55404%2023.6407%209.55404H26.4401V10.446H23.6407C21.0435%2010.446%2018.9333%2012.567%2018.9332%2015.1705V16.9718C19.8393%2016.897%2020.7444%2016.7811%2021.6318%2016.6248C25.2824%2015.9802%2028.5786%2014.7101%2030.9006%2013.1734C32.9599%2011.8082%2033.9946%2010.0176%2033.9947%208.23324C33.9947%206.53138%2032.7893%205.57848%2031.467%204.68628C34.8898%204.68628%2036.6456%206.66442%2036.9272%208.26782C37.2436%2010.0808%2036.051%2012.0275%2033.5613%2013.7484C31.1381%2015.4216%2027.7688%2016.701%2024.0708%2017.3519C22.3825%2017.6496%2020.5889%2017.7945%2018.9332%2017.8202V20H18.0446V15.1705C18.0445%2012.5638%2015.9343%2010.446%2013.3371%2010.446H10.5376V9.55404H13.3371C15.9343%209.55404%2018.0445%207.43302%2018.0446%204.82951V3.13273C17.1385%203.20761%2016.2334%203.32343%2015.346%203.47982C11.6954%204.12435%208.39917%205.39445%206.0772%206.93115C4.01779%208.29645%202.98312%2010.0873%202.98312%2011.8717C2.98313%2013.5736%204.18847%2014.5261%205.51079%2015.4183C2.08793%2015.4183%200.332134%2013.4434%200.0505859%2011.8368C-0.265722%2010.0238%200.926915%208.07748%203.41647%206.35661C5.83968%204.68333%209.20895%203.40358%2012.907%202.75269C14.5952%202.45502%2016.3889%202.3097%2018.0446%202.28394V0H18.9332V4.82951Z%22%20fill%3D%22rgb(23%2C%2023%2C%2023)%22%20style%3D%22fill%3A%20rgb(23%2C%2023%2C%2023)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22clip0_6165_147817%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%22160.833%22%20height%3D%2220%22%20fill%3D%22white%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
    "favicon": "https://firebender.com/icon.svg",
    "ogImage": null,
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, aligning with the brand 'Firebender'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Download for free",
      "reasoning": "Button #0, 'Download for free', is the primary CTA due to its action-oriented text and prominent placement. It uses a dark background with high contrast text, making it stand out as the main action button."
    },
    "secondary": {
      "index": -1,
      "text": "N/A",
      "reasoning": "All buttons share the same background color, making it impossible to select a secondary button with a different color. Thus, no valid secondary button exists."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy professionals"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.9,
    "overall": 0.9
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, aligning with the brand 'Firebender'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}