# Chatfuel Brand Identity

A complete profile of **Chatfuel**'s visual system — colors, typography, components, and personality — extracted from http://chatfuel.com. Built for designers, agents, and AI tools.

## Quick Facts

| Field   | Value   |
|---------|---------|
| Primary | #152442 |
| Accent  | #2C3A55 |
| Body Font | Inter |
| Heading Font | Inter |

## Color Palette

- primary: #152442
- secondary: #E0F0FF
- accent: #2C3A55
- background: #FFFFFF
- textPrimary: #2C3A55
- link: #2C3A55

## Typography

- primary: Inter — https://fonts.google.com/specimen/Inter
- heading: Inter — https://fonts.google.com/specimen/Inter

## Visual Assets

- Logo: 
- Favicon:

## UI Components

- input: background=#FFFFFF, textColor=#FFFFFF, borderColor=null, borderRadius=20px, shadow=none
- buttonPrimary: background=#F4F4F4, textColor=#152442, borderRadius=0px, shadow=none
- buttonSecondary: background=#FFFFFF, textColor=#152442, borderColor=#E9E8E8, borderRadius=10px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: businesses seeking customer support solutions

## Chatfuel Brand in the Wild

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

- **How to create a newsletter in Facebook Messenger | Chatfuel Blog**  
  - Image:   
  - Source: [Link](https://chatfuel.com/blog/create-a-newsletter)  
- **How to set up AI: The definitive guide**  
  - Image:   
  - Source: [Link](https://help.chatfuel.com/how-to-set-up-ai:-the-definitive-guide-1b934b06ecf88097b2a3dd91314c1a6b)  
- **How this marketing agency used a bot to help empower freelancers and small businesses | Chatfuel Blog**  
  - Image:   
  - Source: [Link](https://chatfuel.com/blog/marketing-agency-used-a-bot-to-empower-freelancers-and-small-businesses)  
- **What is conversational marketing: the beginner's guide | Chatfuel Blog**  
  - Image:   
  - Source: [Link](https://chatfuel.com/blog/conversational-marketing)  
- **How to build a free chatbot for customer service | Chatfuel Blog**  
  - Image:   
  - Source: [Link](https://chatfuel.com/blog/chatbot-for-customer-service)

## Working with these fonts

Not found on Google Fonts? Instructions that you can follow if you have permission to use the fonts:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font".
3. Hard-reload the page and click around to capture font URLs.
4. Save each font URL locally.
5. Copy out the matching @font-face declarations from the CSS.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk.

Only do this if you have permission to use the brand assets.