Bayes Brand Identity

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

Color Palette

Brand palette extracted from http://bayes.com.

Typography

Each font links to its Google Fonts page where available.

Haas, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Bayes's actual button styles.

Button Primary

Button Secondary

Brand Personality

Tone: professional
Energy: medium
Audience: business professionals and enterprises

Frequently Asked Questions

What is Bayes's primary brand color?
Bayes's primary brand color is #505764. It anchors the visual identity across their website, product UI, and marketing materials.

What accent color does Bayes use?
Bayes uses #181D26 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

What font does Bayes use?
Bayes uses Haas as the primary typeface across body and headings.

Does Bayes use a light or dark theme?
Bayes's primary site uses a light color scheme, with a background of #F8FAFC.

Where can I find Bayes's logo?
Bayes's logo is available directly on their site (http://bayes.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 http://bayes.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 Bayes.

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Haas",
      "role": "body"
    },
    {
      "family": "Segoe UI",
      "role": "body"
    },
    {
      "family": "Roboto",
      "role": "body"
    },
    {
      "family": "Oxygen",
      "role": "body"
    },
    {
      "family": "Ubuntu",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#505764",
    "secondary": "#8E949D",
    "accent": "#181D26",
    "background": "#F8FAFC",
    "textPrimary": "#181D26",
    "link": "#F0F6FF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Haas",
      "heading": "Haas"
    },
    "fontStacks": {
      "heading": [
        "Haas",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Fira Sans",
        "Droid Sans",
        "Helvetica Neue",
        "sans-serif"
      ],
      "body": [
        "Haas",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Fira Sans",
        "Droid Sans",
        "Helvetica Neue",
        "sans-serif"
      ],
      "paragraph": [
        "Haas",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Fira Sans",
        "Droid Sans",
        "Helvetica Neue",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "14px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "12px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#181D26",
      "textColor": "#FFFFFF",
      "borderColor": "#181D26",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "rgba(0, 0, 0, 0.32) 0px 0px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 2px 0px, rgba(45, 127, 249, 0.28) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 0.5px inset"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#181D26",
      "borderColor": "#181D26",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "rgba(0, 0, 0, 0.32) 0px 0px 1px 0px, rgba(0, 0, 0, 0.08) 0px 0px 2px 0px, rgba(0, 0, 0, 0.08) 0px 1px 3px 0px, rgba(1, 20, 53, 0.12) 0px 0px 0px 1px inset"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20style%3D%22shape-rendering%3AgeometricPrecision%22%20viewBox%3D%220%200%20200%20170%22%3E%3Cpath%20fill%3D%22%23181D26%22%20d%3D%22M90.039%2012.367%2024.079%2039.66c-3.667%201.519-3.63%206.729.062%208.192l66.235%2026.266a24.58%2024.58%200%200%200%2018.12%200l66.236-26.266c3.69-1.463%203.729-6.673.06-8.191l-65.958-27.294a24.58%2024.58%200%200%200-18.795%200M105.312%2088.46v65.617c0%203.12%203.147%205.258%206.048%204.108l73.806-28.648a4.42%204.42%200%200%200%202.79-4.108V59.813c0-3.121-3.147-5.258-6.048-4.108l-73.806%2028.648a4.42%204.42%200%200%200-2.79%204.108M88.078%2091.846l-21.904%2010.576-2.224%201.075-46.238%2022.155c-2.93%201.414-6.672-.722-6.672-3.978V60.088c0-1.178.604-2.195%201.414-2.96a5%205%200%200%201%201.12-.84c1.104-.663%202.68-.84%204.02-.31L87.71%2083.76c3.564%201.414%203.844%206.408.368%208.087%22%3E%3C/path%3E%3C/svg%3E",
    "favicon": "https://www.airtable.com/favicon.ico",
    "ogImage": "https://www.airtable.com/images/airtable-seo.jpg",
    "logoHref": "/"
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals and enterprises"
  }
}