# Theo Brand Identity

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

## Color Palette

Brand palette extracted from https://theo.xyz/.  
**primary**:  #0000EE  
**secondary**:  #86F1FF  
**accent**:  #60787C  
**background**:  #090909  
**textPrimary**:  #090909  
**link**:  #60787C

## Typography

Each font links to its Google Fonts page where available.  
**primary**:  Season Mix Regular  
[Season Mix Regular Google Fonts →](https://fonts.google.com/specimen/Season+Mix+Regular)  
**heading**:  Season Sans Medium  
[Season Sans Medium Google Fonts →](https://fonts.google.com/specimen/Season+Sans+Medium)

## Visual Assets

Favicon  
  
Social Card

## UI Components

Live previews rendered using Theo's actual button styles.
### Button Primary

**buttonPrimary**  
background: #FFFFFF  
textColor: #0000EE  
borderRadius: 50px  
shadow: none

### Button Secondary

**buttonSecondary**  
background: #222222  
textColor: #0000EE  
borderRadius: 50px  
shadow: none

## Brand Personality

**Tone:** modern  
**Energy:** medium  
**Audience:** investors and financial professionals

## Frequently Asked Questions

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

**What accent color does Theo use?**  
Theo uses #60787C as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
  
**What font does Theo use?**  
Theo uses Season Mix Regular for body text and Season Sans Medium for headings. Fonts were detected on https://theo.xyz/ as part of their live design system.

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

**How was this brand profile generated?**  
This profile was extracted from https://theo.xyz/ 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 Theo.