# Basepilot Brand Identity

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

## Color Palette

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

### Primary

#0000EE

### Accent

#10B981

### Body Font

Inter

### Heading

Montserrat

#### Colors

| Color          | Hex Code   | RGB              |
|----------------|------------|------------------|
| Primary        | #0000EE    | rgb(0, 0, 238)   |
| Secondary      | #1C1629    | rgb(28, 22, 41)  |
| Accent         | #10B981    | rgb(16, 185, 129)|
| Background     | #FAFAFA    | rgb(250, 250, 250)|
| Text Primary   | #0E093D    | rgb(14, 9, 61)   |
| Link           | #0E093D    | rgb(14, 9, 61)   |

## Typography

Each font links to its Google Fonts page where available.

- **Primary**: Inter [Google Fonts →](https://fonts.google.com/specimen/Inter)
- **Heading**: Montserrat [Google Fonts →](https://fonts.google.com/specimen/Montserrat)

```
Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.
```

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Basepilot's actual button styles.

### Button Primary

- **Background**: #10B981
- **Text Color**: #FFFFFF
- **Border Radius**: 12px
- **Shadow**: rgba(16, 185, 129, 0.2) 0px 4px 12px 0px

## Brand Personality

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

## Basepilot Brand in the Wild

Image: [framerusercontent.com](https://framerusercontent.com/images/FZIDsTtkB9gp4WaBPlsIvWaNRWs.png?width=2400&height=1200)  
Source: [basepilot.com](https://www.basepilot.com/)

Image: [framerusercontent.com](https://framerusercontent.com/images/Ubjhzb33kwTEFjcvDEylDp3bbA.png?width=2000&height=1200)  
Source: [basepilot.com](https://www.basepilot.com/)

Image: [framerusercontent.com](https://framerusercontent.com/images/BB3G3S1U86uNbucvR77lJC3fmHc.png?width=2000&height=1200)  
Source: [basepilot.com](https://www.basepilot.com/)

Image: [framerusercontent.com](https://framerusercontent.com/images/3mpzRnS1k2zndK2rOgmV0mtnQcE.png?width=1024&height=1024)  
Source: [basepilot.com](https://www.basepilot.com/)

Image: [framerusercontent.com](https://framerusercontent.com/images/IWv8jUsjK8Tbyjr4sOpkWSph4VQ.png)  
Source: [basepilot.com](https://www.basepilot.com/)

Image: [framerusercontent.com](https://framerusercontent.com/images/6WRNTDEA5PHHtaW6cDyeTzvhjM.png?width=600&height=600)  
Source: [basepilot.com](https://www.basepilot.com/)

## Frequently Asked Questions

### What is Basepilot's primary brand color?

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

### What accent color does Basepilot use?

Basepilot uses #10B981 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

### What font does Basepilot use?

Basepilot uses Inter for body text and Montserrat for headings. Fonts were detected on https://www.basepilot.com/ as part of their live design system.

### Does Basepilot use a light or dark theme?

Basepilot's primary site uses a light color scheme, with a background of #FAFAFA.

### Where can I find Basepilot's logo?

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

## Methodology

Brand data on this page was extracted from [https://www.basepilot.com/](https://www.basepilot.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 Basepilot.

## Machine-Readable Profile

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

### Profile JSON
```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Montserrat",
      "role": "heading"
    },
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Plus Jakarta Sans",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "secondary": "#1C1629",
    "accent": "#10B981",
    "background": "#FAFAFA",
    "textPrimary": "#0E093D",
    "link": "#0E093D"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Montserrat"
    },
    "fontStacks": {
      "heading": [
        "Montserrat",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "40px",
      "body": "15px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "15px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#10B981",
      "textColor": "#FFFFFF",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "rgba(16, 185, 129, 0.2) 0px 4px 12px 0px"
    }
  },
  "images": {
    "logo": "https://framerusercontent.com/images/HpYGM999YInRiqm2onZ3dsJBws0.png?width=2130&height=476",
    "favicon": "https://framerusercontent.com/images/Ub3cVt6QaTsI0cfuEMYHds9YIo.svg",
    "ogImage": "https://framerusercontent.com/images/IWv8jUsjK8Tbyjr4sOpkWSph4VQ.png",
    "logoHref": "./"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "business professionals"
  }
}
```