# Chatwoot Brand Identity

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

## Color Palette

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

- **primary**: #2781F6  
- **rgb(39, 129, 246)**
- **secondary**: #2881F6  
- **rgb(40, 129, 246)**
- **accent**: #2781F6  
- **rgb(39, 129, 246)**
- **background**: #FFFFFF  
- **rgb(255, 255, 255)**
- **textPrimary**: #000000  
- **rgb(0, 0, 0)**
- **link**: #086DE0  
- **rgb(8, 109, 224)**

## Typography

Each font links to its Google Fonts page where available.

- **primary**: Segoe UI  
  [Google Fonts →](https://fonts.google.com/specimen/Segoe+UI)
- **heading**: Segoe UI  
  [Google Fonts →](https://fonts.google.com/specimen/Segoe+UI)
  
- **Font Stack**: Haskoy, -apple-system, BlinkMacSystemFont, Segoe UI, Ubuntu, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Noto Color Emoji

## Visual Assets

## UI Components

Live previews rendered using Chatwoot's actual button styles.

- **Button Primary**:  
  background: #2781F6  
  textColor: #086DE0  
  borderRadius: 12px  
  shadow: none

- **Button Secondary**:  
  background: #FFFFFF  
  textColor: #000000  
  borderRadius: 12px  
  shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

## Brand Personality
- **Tone**: modern  
- **Energy**: medium  
- **Audience**: businesses seeking customer support solutions

## Frequently Asked Questions

1. **What is Chatwoot's primary brand color?**  
   Chatwoot's primary brand color is #2781F6.

2. **What font does Chatwoot use?**  
   Chatwoot uses Segoe UI as the primary typeface across body and headings.

3. **Does Chatwoot use a light or dark theme?**  
   Chatwoot's primary site uses a light color scheme, with a background of #FFFFFF.

4. **Where can I find Chatwoot's logo?**  
   Chatwoot's logo is available directly on their site (https://www.chatwoot.com).

5. **How was this brand profile generated?**  
   This profile was extracted from https://www.chatwoot.com using the Firecrawl branding extraction API.