# Backdrop Brand Identity

A complete profile of **Backdrop**'s visual system — colors, typography, components, and personality — extracted from [https://www.joinbackdrop.com](https://www.joinbackdrop.com/). Built for designers, agents, and AI tools.

## Color Palette

Brand palette extracted from https://www.joinbackdrop.com.

primary

#FF6F27

rgb(255, 111, 39)

secondary

#FF6154

rgb(255, 97, 84)

accent

#0000EE

rgb(0, 0, 238)

background

#000000

rgb(0, 0, 0)

txtPrimary

#FFFFFF

rgb(255, 255, 255)

link

#0000EE

rgb(0, 0, 238)

## Typography

Each font links to its Google Fonts page where available.

primary

MODERNIZ Regular

MODERNIZ Regular [Google Fonts →](https://fonts.google.com/specimen/MODERNIZ+Regular)

heading

Raveo Variable

Raveo Variable [Google Fonts →](https://fonts.google.com/specimen/Raveo+Variable)

## Visual Assets

Favicon

Social Card

## Brand Personality

**Tone:** modern **Energy:** medium **Audience:** business professionals

## Backdrop Brand in the Wild

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

Image: [framerusercontent.com](https://framerusercontent.com/images/Mgl2Pg6VCFfDhppB7SYXD25YE.png?width=3229&height=2271)

Source: [joinbackdrop.com](https://www.joinbackdrop.com/)

Image: [framerusercontent.com](https://framerusercontent.com/images/V0gR2HsWIToETRut3HcGgQZh0.png?lossless=1&width=2400&height=1524)

Source: [joinbackdrop.com](https://www.joinbackdrop.com/)

Image: [framerusercontent.com](https://framerusercontent.com/images/y8YzNL8kzIy49c1D6kjk4gwU6A.png?scale-down-to=2048&width=2875&height=1917)

Source: [joinbackdrop.com](https://www.joinbackdrop.com/)

Image: [framerusercontent.com](https://framerusercontent.com/images/ZoXopzMhgbvb8wBRZqdYQ4mc.png?scale-down-to=2048&width=3339&height=2287)

Source: [joinbackdrop.com](https://www.joinbackdrop.com/)

Image: [dash.joinbackdrop.com](https://dash.joinbackdrop.com/static/media/login-picture.133f50e99d0b995c9702.png)

Source: [dash.joinbackdrop.com](https://dash.joinbackdrop.com/)

Image: [framerusercontent.com](https://framerusercontent.com/images/EQdRamaIlw3Ffk2oIil70kW5qc.png?width=1372&height=695)

Source: [joinbackdrop.com](https://www.joinbackdrop.com/)

## Frequently Asked Questions

What is Backdrop's primary brand color?

Backdrop's primary brand color is #FF6F27. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Backdrop use?

Backdrop uses #0000EE as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Backdrop use?

Backdrop uses MODERNIZ Regular for body text and Raveo Variable for headings. Fonts were detected on https://www.joinbackdrop.com as part of their live design system.

Does Backdrop use a light or dark theme?

Backdrop's primary site uses a dark color scheme, with a background of #000000.

Where can I find Backdrop's logo?

Backdrop's logo is available directly on their site (https://www.joinbackdrop.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://www.joinbackdrop.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 Backdrop.

## Methodology

Brand data on this page was extracted from [https://www.joinbackdrop.com](https://www.joinbackdrop.com/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Backdrop.

## Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

```json
{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Raveo Variable",
      "role": "heading"
    },
    {
      "family": "MODERNIZ Regular",
      "role": "body"
    },
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "SCHABO Condensed",
      "role": "display"
    }
  ],
  "colors": {
    "primary": "#FF6F27",
    "secondary": "#FF6154",
    "accent": "#0000EE",
    "background": "#000000",
    "textPrimary": "#FFFFFF",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "MODERNIZ Regular",
      "heading": "Raveo Variable"
    },
    "fontStacks": {
      "heading": [
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Raveo Variable",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "12px",
      "h2": "12px",
      "body": "15px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {},
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20viewBox%3D%220%200%20231%2025%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20width%3D%22231%22%20height%3D%2225%22%20fill%3D%22none%22%20id%3D%22svg-557622623_1959%22%3E%3Cpath%20d%3D%22M6.425.63v3.31h16.52v14.886h3.309V.631H6.424Zm14.021%2024.009V21.33H3.926V6.443H.617V24.64h19.83Zm197.195-2.662V5.303h6.971c3.381%200%205.835%202.293%205.835%205.512%200%203.265-2.501%205.534-5.835%205.534h-3.613v5.628h-3.358Zm3.358-8.476h3.126c1.807%200%202.826-1.019%202.826-2.663s-1.019-2.617-2.826-2.617h-3.126v5.28Zm-22.129%208.707c-4.84%200-8.128-3.52-8.128-8.545%200-5.048%203.288-8.591%208.128-8.591s8.105%203.543%208.105%208.591c0%205.025-3.265%208.545-8.105%208.545Zm0-3.126c2.895%200%204.562-2.108%204.562-5.419%200-3.335-1.667-5.465-4.562-5.465-2.918%200-4.608%202.13-4.608%205.465s1.69%205.419%204.608%205.419Zm-31.375%202.895V5.303h7.503c3.288%200%205.743%202.084%205.743%205.442%200%202.594-1.32%204.562-3.381%205.187l3.08%206.045h-3.729l-2.779-5.605h-3.149v5.605h-3.288Zm3.288-8.407h3.682c1.829%200%202.802-.972%202.802-2.71%200-1.736-.973-2.639-2.802-2.639h-3.682v5.35Zm-28.407%208.407V5.303h6.09c5.211%200%208.384%203.427%208.384%208.337%200%204.979-3.173%208.337-8.384%208.337h-6.09Zm3.312-2.918h2.593c3.15%200%205.095-2.108%205.095-5.512%200-3.404-1.945-5.326-5.095-5.326h-2.593v10.838Zm-27.684%202.918V5.303h3.288V13.2l7.04-7.897h3.89l-6.414%207.11%206.438%209.564h-4.215l-4.701-6.97-2.038%202.2v4.77h-3.288Zm-18.297-2.826c1.922%200%203.496-.903%204.168-2.779h3.636c-.834%203.474-3.729%205.813-7.85%205.813-4.818%200-8.037-3.335-8.037-8.406%200-5.002%203.104-8.707%208.198-8.707%203.983%200%206.832%202.2%207.689%205.812h-3.636c-.672-1.853-2.177-2.779-4.122-2.779-2.895%200-4.701%202.223-4.701%205.535%200%203.311%201.76%205.511%204.654%205.511Zm-20.174%202.826-1.274-3.497h-6.276l-1.297%203.497h-3.38l6.322-16.674h3.242l6.298%2016.674h-3.635Zm-6.623-6.021h4.446l-2.2-6.09-2.246%206.09Zm-17.214-2.617c1.76.602%202.686%202.177%202.686%203.96%200%202.94-2.2%204.678-5.697%204.678h-7.55V5.303H52.2c3.682%200%205.627%201.714%205.627%204.493%200%201.32-.486%202.871-2.13%203.543Zm-1.251-3.15c0-1.158-.764-2.037-2.478-2.037h-3.52v4.145h3.636c1.575%200%202.362-.927%202.362-2.108Zm-2.061%208.94c1.598%200%202.524-.719%202.524-2.062%200-1.366-.95-2.153-2.455-2.153h-4.006v4.214h3.937Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E"
  ,
  "favicon": "https://framerusercontent.com/images/Sxir9qj179Cj1EtrRVDxCdzlg.png",
  "ogImage": "https://framerusercontent.com/assets/G4AAD9Eg231PPtenG3EoMH4NbQ.png",
  "logoHref": "./project-based"
},
"__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and matches the brand name 'Backdrop' inferred from the page title and URL.",
    "confidence": 0.9,
    "source": "llm"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "business professionals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0,
    "colors": 0.9,
    "overall": 0.45
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and matches the brand name 'Backdrop' inferred from the page title and URL.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": false,
      "llmSucceeded": false
    }
  }
}