# jo Brand Identity

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

## Primary

### Color
- Primary: `#0F1D33`
- Accent: `#00D4FF`

### Typography
- Body Font: Geist
- Heading: Geist

## Color Palette

Brand palette extracted from https://askjo.ai.

| Color        | Hex        | RGB               |
|--------------|------------|------------------ |
| primary      | `#0F1D33` | rgb(15, 29, 51)  |
| secondary    | `#8BA3C7` | rgb(139, 163, 199) |
| accent       | `#00D4FF` | rgb(0, 212, 255) |
| background   | `#0B1628` | rgb(11, 22, 40)  |
| textPrimary  | `#0B1628` | rgb(11, 22, 40)  |
| link         | `#0B1628` | rgb(11, 22, 40)  |

## Typography

Each font links to its Google Fonts page where available.

- Primary: Geist 
  - [Geist Google Fonts →](https://fonts.google.com/specimen/Geist)
- Heading: Geist 
  - [Geist Google Fonts →](https://fonts.google.com/specimen/Geist)
  - Alternatives: JetBrains Mono, SF Mono, Menlo, Consolas, monospace

## Visual Assets

Favicon

Social Card

## UI Components

### Input
- Background: `#0F1D33`
- Text Color: `#E8F0FF`
- Border Color: `#0A2539`
- Border Radius: `16px`
- Shadow: none

### Button Primary
- Background: `#00D4FF`
- Text Color: `#0B1628`
- Border Radius: `100px`
- Shadow: none

## Brand Personality

- **Tone:** modern  
- **Energy:** high  
- **Audience:** tech-savvy individuals looking for AI solutions

## jo Brand in the Wild

Image: [framerusercontent.com](https://framerusercontent.com/images/GnciFzwbcyh1Zq7ob6MJYGiEGg.jpg)
Source: [hi.askjo.ai](https://hi.askjo.ai/integrations/protify)

Image: [static.wikia.nocookie.net](https://static.wikia.nocookie.net/blosc/images/1/16/Jo-Ad.jpg/revision/latest?cb=20111123003603)
Source: [blosc.fandom.com](https://blosc.fandom.com/wiki/Jo-Ad)

Image: [cdn.www.cineplay.co.kr](https://cdn.www.cineplay.co.kr/w450/q75/article-images/2025-08-29/5f9b4e9e-32cc-4bdf-9507-f14c3dd65217.jpg)
Source: [cineplay.co.kr](https://www.cineplay.co.kr/en-us/articles/20561)

Image: [milkroad.com](https://milkroad.com/_next/image/?url=https%3A%2F%2Fmilkroad.b-cdn.net%2Fb3bf16571cd0a103d71113dfbf256c64c35ef3ad-1600x872.png%3Fauto%3Dformat&w=3840&q=75)
Source: [milkroad.com](https://milkroad.com/reviews/jjo/)

## Frequently Asked Questions

**What is jo's primary brand color?**  
jo's primary brand color is `#0F1D33`, which anchors the visual identity across their website, product UI, and marketing materials.

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

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

**Does jo use a light or dark theme?**  
jo's primary site uses a dark color scheme, with a background of `#0B1628`.

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

## Methodology

Brand data on this page was extracted from [https://askjo.ai](https://askjo.ai/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by jo.

## Machine-Readable Profile

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

### JSON Profile
```json
{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Geist",
      "role": "body"
    },
    {
      "family": "JetBrains Mono",
      "role": "monospace"
    }
  ],
  "colors": {
    "primary": "#0F1D33",
    "secondary": "#8BA3C7",
    "accent": "#00D4FF",
    "background": "#0B1628",
    "textPrimary": "#0B1628",
    "link": "#0B1628"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Geist",
      "heading": "Geist"
    },
    "fontStacks": {
      "heading": [
        "JetBrains Mono",
        "SF Mono",
        "Menlo",
        "Consolas",
        "monospace"
      ],
      "body": [
        "Geist",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "sans-serif"
      ],
      "paragraph": [
        "Geist",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "96px",
      "h2": "56px",
      "body": "21px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "input": {
      "background": "#0F1D33",
      "textColor": "#E8F0FF",
      "borderColor": "#0A2539",
      "borderRadius": "16px",
      "borderRadiusCorners": {
        "topLeft": "16px",
        "topRight": "16px",
        "bottomRight": "16px",
        "bottomLeft": "16px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#00D4FF",
      "textColor": "#0B1628",
      "borderRadius": "100px",
      "borderRadiusCorners": {
        "topLeft": "100px",
        "topRight": "100px",
        "bottomRight": "100px",
        "bottomLeft": "100px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": null,
    "favicon": "https://askjo.ai/static/favicon-32.png",
    "ogImage": "https://askjo.ai/static/og-image.png"
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "tech-savvy individuals looking for AI solutions"
  }
}
```