# Odyssey Brand Identity

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

## Color Palette

Brand palette extracted from https://odyssey.world/.

| Name        | Value         | RGB                     |
| ----------- | ------------- | ---------------------- |
| primary     | #0054FF      | rgb(0, 84, 255)        |
| secondary   | #EEEEFF      | rgb(238, 238, 255)    |
| accent      | #0000EE      | rgb(0, 0, 238)        |
| background  | #090909      | rgb(9, 9, 9)          |
| textPrimary | #090909      | rgb(9, 9, 9)          |
| link        | #0000EE      | rgb(0, 0, 238)        |

## Typography

Each font links to its Google Fonts page where available.

| Role   | Family         | Link                              |
| ------ | -------------- | --------------------------------- |
| primary | Geist         | [Google Fonts →](https://fonts.google.com/specimen/Geist) |
| heading | NeueBit Bold  | [Google Fonts →](https://fonts.google.com/specimen/NeueBit+Bold) |

## Visual Assets

Favicon

Social Card

## Brand Personality

**Tone:** modern  **Energy:** medium  **Audience:** tech-savvy individuals

## Odyssey Brand in the Wild

Image: [framerusercontent.com](https://framerusercontent.com/images/BjkXbsP7Tzj00TpYNq9joLwNGiE.jpg?width=1920&height=1080)

Source: [odyssey.world](https://odyssey.world/)

Image: [framerusercontent.com](https://framerusercontent.com/images/SPpMO7PxTkPs6iwSf6DQgV2AD8.webp?width=5504&height=3072)

Source: [odyssey.world](https://odyssey.world/)

Image: [framerusercontent.com](https://framerusercontent.com/images/Cv7M0UtnJozZA6R4plpzacUd4sI.jpeg?width=2048&height=1024)

Source: [odyssey.world](https://odyssey.world/)

Image: [framerusercontent.com](https://framerusercontent.com/images/kCfb3bq9AMkaHwS8wiEv0EiIM.webp?width=3000&height=1674)

Source: [odyssey.world](https://odyssey.world/)

Image: [experience.odyssey.ml](https://experience.odyssey.ml/share-card.jpg)

Source: [experience.odyssey.world](https://experience.odyssey.world/)

Image: [framerusercontent.com](https://framerusercontent.com/images/4ySwbwapCA2GZF0i7Mcml8uWA.jpg?width=1024&height=769)

Source: [odyssey.world](https://odyssey.world/)

## Frequently Asked Questions

**What is Odyssey's primary brand color?**

Odyssey's primary brand color is #0054FF. It anchors the visual identity across their website, product UI, and marketing materials.

**What accent color does Odyssey use?**

Odyssey uses #0000EE as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.

**What font does Odyssey use?**

Odyssey uses Geist for body text and NeueBit Bold for headings. Fonts were detected on https://odyssey.world/ as part of their live design system.

**Does Odyssey use a light or dark theme?**

Odyssey'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://odyssey.world/ 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 Odyssey.

## Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

```json
{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Geist",
      "role": "body"
    },
    {
      "family": "NeueBit Bold",
      "role": "heading"
    },
    {
      "family": "Mondwest Regular",
      "role": "display"
    }
  ],
  "colors": {
    "primary": "#0054FF",
    "secondary": "#EEEEFF",
    "accent": "#0000EE",
    "background": "#090909",
    "textPrimary": "#090909",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Geist",
      "heading": "NeueBit Bold"
    },
    "fontStacks": {
      "heading": [
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Geist",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "12px",
      "h2": "12px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {},
  "images": {
    "favicon": "https://framerusercontent.com/images/1gLNf78RSImAfZaMvMGEaNdnj0U.svg",
    "ogImage": "https://framerusercontent.com/images/soEaQqYIwQlnhfTjIjbQLoxUQ8.png"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy individuals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  }
}
```