# Aviator Brand Identity

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

## Color Palette

Brand palette extracted from https://aviator.co.

| Color      | Hex       | RGB           |
|------------|-----------|---------------|
| Primary    | #000C0F  | rgb(0, 12, 15) |
| Secondary  | #000F12  | rgb(0, 15, 18) |
| Accent     | #FFDC5E  | rgb(255, 220, 94) |
| Background | #FFFFFF  | rgb(255, 255, 255) |
| Text Primary | #131316 | rgb(19, 19, 22) |
| Link      | #FFDC5E  | rgb(255, 220, 94) |

## Typography

Each font links to its Google Fonts page where available.

| Role    | Font   |
|---------|--------|
| Primary | Poppins|
| Heading | Poppins|

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Aviator's actual button styles.

| Component         | Background | Text Color | Border Radius | Shadow |
|-------------------|------------|------------|---------------|--------|
| Button Primary    | #FFFFFF    | #000607    | 40px          | none   |
| Button Secondary  | #000C0F    | #FFFFFF    | 40px          | none   |

## Brand Personality

**Tone:** modern  **Energy:** medium  **Audience:** developers and tech companies

## Frequently Asked Questions

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

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {"family": "Poppins","role": "body"}
  ],
  "colors": {
    "primary": "#000C0F",
    "secondary": "#000F12",
    "accent": "#FFDC5E",
    "background": "#FFFFFF",
    "textPrimary": "#131316",
    "link": "#FFDC5E"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Poppins",
      "heading": "Poppins"
    },
    "fontStacks": {
      "heading": ["Poppins", "sans-serif"],
      "body": ["Poppins", "sans-serif"],
      "paragraph": ["Poppins", "sans-serif"]
    },
    "fontSizes": {
      "h1": "70px",
      "h2": "48px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "15px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FFFFFF",
      "textColor": "#000607",
      "borderRadius": "40px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#000C0F",
      "textColor": "#FFFFFF",
      "borderRadius": "40px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/628506c5283fd863e670d5b6/68c562bc60c963ca4e7cbcb2_Group%2048095871.svg",
    "favicon": "https://cdn.prod.website-files.com/628506c5283fd863e670d5b6/62860b04f88ecc445bd2fa5b_Favicon%2032.png",
    "ogImage": "https://cdn.prod.website-files.com/628506c5283fd863e670d5b6/68d2d77ea270a4407ab6c010_aviator-runbooks-agentic-coding-image%401x-min.png"
  }
}
```