# Avo Brand Identity

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

## Color Palette

Brand palette extracted from [avo.app](https://www.avo.app/).

- **primary**  
  `#FF0EB4`  
  `rgb(255, 14, 180)`
- **secondary**  
  `#FEBC40`  
  `rgb(254, 188, 64)`
- **accent**  
  `#DD0E9F`  
  `rgb(221, 14, 159)`
- **background**  
  `#FAF9FB`  
  `rgb(250, 249, 251)`
- **textPrimary**  
  `#191719`  
  `rgb(25, 23, 25)`
- **link**  
  `#DD0E9F`  
  `rgb(221, 14, 159)`

## Typography

Each font links to its Google Fonts page where available.

- **primary**  
  Inter  
  [Google Fonts →](https://fonts.google.com/specimen/Inter)
- **heading**  
  FFF Acid Grotesk  
  [Google Fonts →](https://fonts.google.com/specimen/FFF+Acid+Grotesk)

## Visual Assets

%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M45.4212%2031.2669H56.0439L67.5213%200.732544H59.0354L50.9768%2023.6944H50.4884L42.4298%200.732544H33.9438L45.4212%2031.2669Z%22%20fill%3D%22%231E1A1E%22%20style%3D%22fill%3A%20rgb(30%2C%2026%2C%2030)%20!important%3B%22%2F%3E%0A%3Cpath%20d%3D%22M83.7607%2024.4275C79.1209%2024.4275%2075.3358%2020.6412%2075.3358%2016C75.3358%2011.3588%2079.1209%207.57252%2083.7607%207.57252C88.4005%207.57252%2092.1856%2011.3588%2092.1856%2016C92.1856%2020.6412%2088.4005%2024.4275%2083.7607%2024.4275ZM83.7607%2032C92.674%2032%20100%2024.7939%20100%2016C100%207.20611%2092.674%200%2083.7607%200C74.8474%200%2067.5214%207.20611%2067.5214%2016C67.5214%2024.7939%2074.8474%2032%2083.7607%2032Z%22%20fill%3D%22%231E1A1E%22%20style%3D%22fill%3A%20rgb(30%2C%2026%2C%2030)%20!important%3B%22%2F%3E%0A%3C%2Fsvg%3E)

## UI Components

Live previews rendered using Avo's actual button styles.

- **Button Primary**  
  - background: `#332F35`  
  - textColor: `#191719`  
  - borderRadius: `0px`  
  - shadow: `none`

- **Button Secondary**  
  - background: `#FFFFFF`  
  - textColor: `#3D3304`  
  - borderColor: `#FEBC40`  
  - borderRadius: `8px`  
  - shadow: `none`

## Brand Personality

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

## Avo Brand in the Wild

Real-world brand assets — ads, campaigns, and marketing materials.

Image: [cdn.prod.website-files.com](https://cdn.prod.website-files.com/65bd765adb9e34fba478f2e7/65c5373f4dfe7b53ff2018b2_5fdc324937c4c34187568776_How%2520to%2520Reduce%2520Back-and-Forth%2520with%2520Data%2520Teams%2520in%2520Developer%2520Workflows_Avo.jpeg)  
Source: [avo.app](https://www.avo.app/categories/best-practices?f5e03241_page=2)

## Frequently Asked Questions

1. **What is Avo's primary brand color?**  
  Avo's primary brand color is `#FF0EB4`. It anchors the visual identity across their website, product UI, and marketing materials.  
2. **What accent color does Avo use?**  
  Avo uses `#DD0E9F` as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. **What font does Avo use?**  
  Avo uses Inter for body text and FFF Acid Grotesk for headings. Fonts were detected on [avo.app](https://www.avo.app/) as part of their live design system.
4. **Does Avo use a light or dark theme?**  
  Avo's primary site uses a light color scheme, with a background of `#FAF9FB`.
5. **Where can I find Avo's logo?**  
  Avo's logo is available directly on their site ([avo.app](https://www.avo.app/)). The current logo URL is included in the linked JSON profile.
6. **How was this brand profile generated?**  
  This profile was extracted from [avo.app](https://www.avo.app/) using the Firecrawl branding extraction API.