Theo Brand Identity

A complete profile of Theo's visual system — colors, typography, components, and personality — extracted from 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 →
heading: Season Sans Medium
Season Sans Medium Google Fonts →

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.