Centaur Brand Identity

A complete profile of Centaur's visual system — colors, typography, components, and personality — extracted from https://centaur.ai/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://centaur.ai/.

• primary: #582EFF
• secondary: #5D5FEF
• accent: #582EFF
• background: #FFFFFF
• textPrimary: #000000
• link: #E1E2FC

Typography

Each font links to its Google Fonts page where available.

• primary: Inter Google Fonts →
• heading: Aspekta Google Fonts → Aspekta, sans-serif

UI Components

Live previews rendered using Centaur's actual button styles.

Button Primary
background: #582EFF
textColor: #FFFFFF
borderRadius: 0px
shadow: none

Button Secondary
background: #FFFFFF
textColor: #592EFF
borderColor: #592EFF
borderRadius: 99px
shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: AI and tech professionals

Centaur Brand in the Wild

Image: cdn.prod.website-files.com

Source: centaur.ai

Image: cdn.prod.website-files.com

Source: centaur.ai

Frequently Asked Questions

• What is Centaur's primary brand color?
  Centaur's primary brand color is #582EFF.
• What font does Centaur use?
  Centaur uses Inter for body text and Aspekta for headings.
• Does Centaur use a light or dark theme?
  Centaur's primary site uses a light color scheme, with a background of #FFFFFF.

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Aspekta",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#582EFF",
    "secondary": "#5D5FEF",
    "accent": "#582EFF",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#E1E2FC"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Aspekta"
    }
  },
  "components": {
    "buttonPrimary": {
      "background": "#582EFF",
      "textColor": "#FFFFFF",
      "borderRadius": "0px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#592EFF",
      "borderColor": "#592EFF",
      "borderRadius": "99px"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20version%3D%221.0%22..."
  }
}