# Overwatch Brand Identity

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

## Color Palette

Brand palette extracted from http://www.overwatchdata.ai.

| Color       | Hex Code | RGB                      |
|-------------|----------|-------------------------|
| primary     | #3898EC  | rgb(56, 152, 236)       |
| accent      | #070719  | rgb(7, 7, 25)           |
| background  | #070719  | rgb(7, 7, 25)           |
| textPrimary | #070719  | rgb(7, 7, 25)           |
| link        | #070719  | rgb(7, 7, 25)           |

## Typography

Each font links to its Google Fonts page where available.

| Role    | Font    | Google Fonts Link                                    |
|---------|---------|-----------------------------------------------------|
| primary | Inter   | [Google Fonts →](https://fonts.google.com/specimen/Inter) |
| heading | Inter   | [Google Fonts →](https://fonts.google.com/specimen/Inter) |

## Visual Assets

Logo

Favicon

Social Card

## UI Components

Live previews rendered using Overwatch's actual button styles.

### Button Primary

- **Background:** #070719
- **Text Color:** #FFFFFF
- **Border Radius:** 6px
- **Shadow:** rgba(61, 150, 255, 0.4) 0px 2px 8px 0px, rgba(58, 113, 255, 0.5) 0px -2px 12px 0px inset

### Button Secondary

- **Background:** #090919
- **Text Color:** #BABCC6
- **Border Radius:** 6px
- **Shadow:** none

## Brand Personality

- **Tone:** professional  
- **Energy:** medium  
- **Audience:** cybersecurity professionals and fraud teams

## Frequently Asked Questions

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

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

**What font does Overwatch use?**  
Overwatch uses Inter as the primary typeface across body and headings.

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

**Where can I find Overwatch's logo?**  
Overwatch's logo is available directly on their site (http://www.overwatchdata.ai). The current logo URL is included in the machine-readable JSON profile linked above.

**How was this brand profile generated?**  
This profile was extracted from http://www.overwatchdata.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 Overwatch.