# Clarifai Brand Identity

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

## Color Palette

Brand palette extracted from https://clarifai.com.

- **primary**: 
  - `#171F29`
  - `rgb(23, 31, 41)`
- **secondary**: 
  - `#131724`
  - `rgb(19, 23, 36)`
- **accent**: 
  - `#F9FBFF`
  - `rgb(249, 251, 255)`
- **background**: 
  - `#0A0D15`
  - `rgb(10, 13, 21)`
- **textPrimary**: 
  - `#0A0D15`
  - `rgb(10, 13, 21)`
- **link**: 
  - `#121725`
  - `rgb(18, 23, 37)`

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Manrope
  - [Google Fonts →](https://fonts.google.com/specimen/Manrope)
- **heading**: Manrope
  - [Google Fonts →](https://fonts.google.com/specimen/Manrope)

## Visual Assets

## UI Components

Live previews rendered using Clarifai's actual button styles.

- **Button Primary**
  - background: #F9FBFF
  - textColor: #0A0D15
  - borderRadius: 4px
  - shadow: none

- **Button Secondary**
  - background: #121725
  - textColor: #F9FBFF
  - borderColor: #424B66
  - borderRadius: 4px
  - shadow: none

## Brand Personality

- **Tone:** professional
- **Energy:** medium
- **Audience:** businesses and developers interested in AI solutions

## Clarifai Brand in the Wild

## Frequently Asked Questions

- **What is Clarifai's primary brand color?**
  - Clarifai's primary brand color is `#171F29`. It anchors the visual identity across their website, product UI, and marketing materials.

- **What accent color does Clarifai use?**
  - Clarifai uses `#F9FBFF` as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

- **What font does Clarifai use?**
  - Clarifai uses Manrope as the primary typeface across body and headings.

- **Does Clarifai use a light or dark theme?**
  - Clarifai's primary site uses a dark color scheme, with a background of `#0A0D15`.

- **Where can I find Clarifai's logo?**
  - Clarifai's logo is available directly on their site ([Clarifai Logo](https://clarifai.com)).

- **How was this brand profile generated?**
  - This profile was extracted from [https://clarifai.com](https://clarifai.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 Clarifai.

## Methodology

Brand data on this page was extracted from [https://clarifai.com](https://clarifai.com/) 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 Clarifai.