# Arcade Brand Identity

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

## Primary Color

- **Primary:** #E9E5D8

## Accent Color

- **Accent:** #45413B

## Body Font

- **Instrument Sans**

## Heading Font

- **Tiempos**

## Color Palette

Brand palette extracted from https://www.arcade.ai/.

| Color      | Hex Code  | RGB                  |
|------------|-----------|----------------------|
| Primary    | #E9E5D8  | rgb(233, 229, 216)   |
| Secondary  | #FCFF7B  | rgb(252, 255, 123)   |
| Accent     | #45413B  | rgb(69, 65, 59)      |
| Background  | #F7F4F0  | rgb(247, 244, 240)  |
| Text Primary| #000000  | rgb(0, 0, 0)        |
| Link       | #6D625A  | rgb(109, 98, 90)    |

## Typography

Each font links to its Google Fonts page where available.

| Role     | Font         | Link                             |
|----------|--------------|----------------------------------|
| Primary  | Instrument Sans | [Google Fonts →](https://fonts.google.com/specimen/Instrument+Sans) |
| Heading  | Tiempos       | [Google Fonts →](https://fonts.google.com/specimen/Tiempos)       |

## Visual Assets

Logo

Favicon

## UI Components

Live previews rendered using Arcade's actual button styles.

### Button Primary
- **Background:** #45413B  
- **Text Color:** #211D1E  
- **Border Radius:** 9999px  
- **Shadow:** rgba(0, 0, 0, 0) 0px 0px 0px 0px

### Button Secondary
- **Background:** #E9E5D8  
- **Text Color:** #0F0F0F  
- **Border Radius:** 21px  
- **Shadow:** none

## Brand Personality

- **Tone:** modern  
- **Energy:** medium  
- **Audience:** designers and creatives

## Arcade Brand in the Wild

### Images

1.   
   Source: [arcade.ai](https://www.arcade.ai/)

2.   
   Source: [arcade.ai](https://www.arcade.ai/for-makers)

3.   
   Source: [arcade.ai](https://www.arcade.ai/)

4.   
   Source: [arcade.ai](https://www.arcade.ai/)

5.   
   Source: [arcade.ai](https://www.arcade.ai/)

6.   
   Source: [datocms-assets.com](https://www.datocms-assets.com/134217/1764877118-cocktail_shaker.png)

## Frequently Asked Questions

1. **What is Arcade's primary brand color?**
   Arcade's primary brand color is #E9E5D8. It anchors the visual identity across their website, product UI, and marketing materials.

2. **What accent color does Arcade use?**
   Arcade uses #45413B as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

3. **What font does Arcade use?**
   Arcade uses Instrument Sans for body text and Tiempos for headings. Fonts were detected on https://www.arcade.ai/ as part of their live design system.

4. **Does Arcade use a light or dark theme?**
   Arcade's primary site uses a light color scheme, with a background of #F7F4F0.

5. **Where can I find Arcade's logo?**
   Arcade's logo is available directly on their site (https://www.arcade.ai/). 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.arcade.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 Arcade.