# Autosana Brand Identity

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

## Color Palette

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

- **Primary:** #4B5563  
- **Secondary:** #374151  
- **Accent:** #000000  
- **Background:** #FFFFFF  
- **Text Primary:** #000000  
- **Link:** #FBF0CE

## Typography

Each font links to its Google Fonts page where available.

- **Primary:** Inter  
- **Heading:** Inter

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Autosana's actual button styles.

- **Button Primary:**  
  - background: #000000  
  - textColor: #FFFFFF  
  - borderRadius: 8px  
  - shadow: none

- **Button Secondary:**  
  - background: #FFFFFF  
  - textColor: #0A0A0A  
  - borderColor: #E5E5E5  
  - borderRadius: 6px  
  - shadow: none

## Brand Personality

- **Tone:** modern  
- **Energy:** medium  
- **Audience:** tech-savvy professionals

## Autosana Brand in the Wild

Image: [autosana.ai](https://autosana.ai/images/autosana-launch-preview.jpeg)  
Source: [autosana.ai](https://autosana.ai/)

Image: [autosana.mintlify.app](https://autosana.mintlify.app/mintlify-assets/_next/image?url=%2F_mintlify%2Fapi%2Fog%3Fdivision%3DGetting%2BStarted%26title%3DIntro%2528doc%2529tion%26logoLight%3Dhttps%253A%252F%252Fmintcdn.com%252Fautosana%252FmTDCZgW2I2SWs-UB%252Flogo%252Flight.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253DmTDCZgW2I2SWs-UB%2526q%253D85%2526s%253Dccb4d8c65c27b826c24b21c2c40eece6%26logoDark%3Dhttps%253A%252F%252Fmintcdn.com%252Fautosana%252FmTDCZgW2I2SWs-UB%252Flogo%252Fdark.svg%253Ffit%253Dmax%2526auto%253Dformat%2526n%253DmTDCZgW2I2SWs-UB%2526q%253D85%2526s%253De7d9ad801e878c55ff81cab43ea6b42a%26primaryColor%3D%25230D9373%26lightColor%3D%252307C983%26darkColor%3D%25230D9373%26backgroundLight%3D%2523ffffff%26backgroundDark%3D%2523090d0d&w=1200&q=100)  
Source: [docs.autosana.ai](https://docs.autosana.ai)

## Frequently Asked Questions

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

## Methodology

Brand data on this page was extracted from [https://autosana.ai](https://autosana.ai/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Autosana.

## Machine-Readable Profile

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

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#4B5563",
    "secondary": "#374151",
    "accent": "#000000",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#FBF0CE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter"
      ],
      "body": [
        "Inter"
      ],
      "paragraph": [
        "Inter"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "36px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#000000",
      "textColor": "#FFFFFF",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0A0A0A",
      "borderColor": "#E5E5E5",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://autosana.ai/_next/image?url=%2Flogo.png&w=64&q=75",
    "favicon": "https://autosana.ai/icons/favicon.ico",
    "ogImage": "https://autosana.ai/link-preview.png",
    "logoHref": "/",
    "logoAlt": "Autosana Logo"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy professionals"
  }
}
```