# Axal Brand Identity

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

## Color Palette

Brand palette extracted from https://www.axal.ai/.

- **Primary**:  #111827  
- **Secondary**: #9CA3AF  
- **Accent**: #2563EB  
- **Background**: #FFFFFF  
- **Text Primary**: #000000  
- **Link**: #2563EB

## Typography

Each font links to its Google Fonts page where available.

- **Primary**: Segoe UI  
  [Segoe UI Google Fonts →](https://fonts.google.com/specimen/Segoe+UI)
- **Heading**: Segoe UI  
  [Segoe UI Google Fonts →](https://fonts.google.com/specimen/Segoe+UI)

```
Not found on Google Fonts? Follow these instructions:

1. Open the company's homepage in a browser with DevTools open.
2. Filter network by font files.
3. Save font files locally.
4. Update CSS @font-face declarations to local file paths if you have permission.
```

## Visual Assets

## UI Components

Live previews rendered using Axal's actual button styles.

### Input

- **Background**: #FFFFFF  
- **Text Color**: #111827  
- **Border Color**: #D1D5DB  
- **Border Radius**: 8px

### Button Primary

- **Background**: #2563EB  
- **Text Color**: #FFFFFF  
- **Border Radius**: 8px

### Button Secondary

- **Background**: #FFFFFF  
- **Text Color**: #374151  
- **Border Color**: #E5E7EB  
- **Border Radius**: 8px

## Brand Personality

- **Tone**: professional  
- **Energy**: medium  
- **Audience**: business professionals

## Axal Brand in the Wild

Image source: [axal.ai](https://www.axal.ai/)

Image source: [prnewswire.com](https://www.prnewswire.com/news-releases/axal-partners-with-moonpay-to-launch-virtual-bank-accounts-with-onchain-yield-through-axal-yield-302521910.html)

## Frequently Asked Questions

1. **What is Axal's primary brand color?**  
   Axal's primary brand color is #111827.
2. **What accent color does Axal use?**  
   Axal uses #2563EB as an accent color.
3. **What font does Axal use?**  
   Axal uses Segoe UI as the primary typeface.
4. **Does Axal use a light or dark theme?**  
   Axal's primary site uses a light color scheme.
5. **Where can I find Axal's logo?**  
   Axal's logo is available directly on their site.

## Methodology

Brand data on this page was extracted from [axal.ai](https://www.axal.ai/) on 2026-07-27 using the branding extraction API.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
  {"family": "Segoe UI", "role": "body"},
  {"family": "Roboto", "role": "body"},
  {"family": "Oxygen", "role": "body"},
  {"family": "Ubuntu", "role": "body"},
  {"family": "Helvetica Neue", "role": "body"}
  ],
  "colors": {
    "primary": "#111827",
    "secondary": "#9CA3AF",
    "accent": "#2563EB",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#2563EB"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Segoe UI",
      "heading": "Segoe UI"
    },
    "fontStacks": {
      "heading": ["-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif"],
      "body": ["-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif"],
      "paragraph": ["-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif"]
    },
    "fontSizes": {
      "h1": "84px",
      "h2": "48px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#111827",
      "borderColor": "#D1D5DB",
      "borderRadius": "8px"
    },
    "buttonPrimary": {
      "background": "#2563EB",
      "textColor": "#FFFFFF",
      "borderRadius": "8px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#374151",
      "borderColor": "#E5E7EB",
      "borderRadius": "8px"
    }
  },
  "images": {
    "logo": "https://www.axal.ai/_next/image?url=%2Flogos%2Fimage%252011.png&w=96&q=75&dpl=dpl_HCH7vr3J3d4SuUmhZ3f8e3fTWeuf",
    "logoAlt": "Axal"
  }
}
```