Axal Brand Identity

A complete profile of Axal's visual system — colors, typography, components, and personality — extracted from Axal. 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 →
• Heading: Segoe UI
  Segoe UI Google Fonts →

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

Image source: prnewswire.com

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 on 2026-07-27 using the branding extraction API.

Machine-Readable Profile

{
  "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"
  }
}