jo Brand: Colors, Fonts, Logo & Visual Identity

jo Brand Identity

A complete profile of jo's visual system — colors, typography, components, and personality — extracted from 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 →
Heading: Geist
- Geist Google Fonts →
- 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 Source: hi.askjo.ai

Image: static.wikia.nocookie.net Source: blosc.fandom.com

Image: cdn.www.cineplay.co.kr Source: cineplay.co.kr

Image: milkroad.com Source: milkroad.com

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 on 2026-07-27 using the Firecrawl 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

{
  "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"
  }
}