&AI Brand Identity

A complete profile of &AI's visual system — colors, typography, components, and personality — extracted from https://www.tryandai.com/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.tryandai.com/.

• primary: #5B554A (rgb(91, 85, 74))
• secondary: #47A8B8 (rgb(71, 168, 184))
• accent: #0C0B09 (rgb(12, 11, 9))
• background: #F2EFE9 (rgb(242, 239, 233))
• textPrimary: #000000 (rgb(0, 0, 0))
• link: #DCD6CB (rgb(220, 214, 203))

Typography

Each font links to its Google Fonts page where available.

• primary: Geist (Google Fonts →)
• heading: Geist (Google Fonts →)

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using &AI's actual button styles.

Button Primary

• background: #0C0B09
• textColor: #FFFFFF
• borderRadius: 33554400px
• shadow: none

Button Secondary

• background: #C4D8DC
• textColor: #2A2823
• borderColor: #5B554A
• borderRadius: 33554400px
• shadow: none

Brand Personality

• Tone: professional
• Energy: medium
• Audience: legal professionals and patent experts

Frequently Asked Questions

1. What is &AI's primary brand color?

   • &AI's primary brand color is #5B554A. It anchors the visual identity across their website, product UI, and marketing materials.

2. What accent color does &AI use?

   • &AI uses #0C0B09 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

3. What font does &AI use?

   • &AI uses Geist as the primary typeface across body and headings.

4. Does &AI use a light or dark theme?

   • &AI's primary site uses a light color scheme, with a background of #F2EFE9.

5. Where can I find &AI's logo?

   • &AI's logo is available directly on their site (https://www.tryandai.com/). The current logo URL is included in the machine-readable JSON profile linked above.

6. How was this brand profile generated?

   • This profile was extracted from https://www.tryandai.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 &AI.

Methodology

Brand data on this page was extracted from https://www.tryandai.com/ on 2026-07-27 using the Firecrawl 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.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Geist",
      "role": "body"
    },
    {
      "family": "Geist Mono",
      "role": "monospace"
    },
    {
      "family": "martina",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#5B554A",
    "secondary": "#47A8B8",
    "accent": "#0C0B09",
    "background": "#F2EFE9",
    "textPrimary": "#000000",
    "link": "#DCD6CB"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Geist",
      "heading": "Geist"
    },
    "fontStacks": {
      "heading": [
        "Geist"
      ],
      "body": [
        "Geist"
      ],
      "paragraph": [
        "Geist"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "48px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#0C0B09",
      "textColor": "#FFFFFF",
      "borderRadius": "33554400px",
      "borderRadiusCorners": {
        "topLeft": "33554400px",
        "topRight": "33554400px",
        "bottomRight": "33554400px",
        "bottomLeft": "33554400px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#C4D8DC",
      "textColor": "#2A2823",
      "borderColor": "#5B554A",
      "borderRadius": "33554400px",
      "borderRadiusCorners": {
        "topLeft": "33554400px",
        "topRight": "33554400px",
        "bottomRight": "33554400px",
        "bottomLeft": "33554400px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.tryandai.com/_next/image?url=%2Flogo-off-black.png&w=256&q=75&dpl=dpl_5p7txRrSYmg5YqAEhQD3bDUgefzW",
    "favicon": "https://www.tryandai.com/favicon.ico?favicon.0f2u43-bw84p1.ico?dpl=dpl_5p7txRrSYmg5YqAEhQD3bDUgefzW",
    "ogImage": "https://tryandai.com/Logo-Design-Full-Color-Black.png",
    "logoHref": "/",
    "logoAlt": "&AI"
  }
}