Oda Brand: Colors, Fonts, Logo & Visual Identity

Oda Brand Identity

A complete profile of Oda's visual system — colors, typography, components, and personality — extracted from Oda Studio. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from Oda Studio.

Color Hex Code RGB
primary #020817 rgb(2, 8, 23)
secondary #CEFF80 rgb(206, 255, 128)
accent #CEFF80 rgb(206, 255, 128)
background #FFFFFF rgb(255, 255, 255)
textPrimary #222222 rgb(34, 34, 34)
link #6B7280 rgb(107, 114, 128)

Typography

Each font links to its Google Fonts page where available.

Role Font Link
primary Inter Google Fonts →
heading Aeonik Pro Google Fonts →

Visual Assets

Logo

Social Card

UI Components

Live previews rendered using Oda's actual button styles.

Button Primary

Button Secondary

Brand Personality

Frequently Asked Questions

  1. What is Oda's primary brand color?
    Oda's primary brand color is #020817. It anchors the visual identity across their website, product UI, and marketing materials.
  2. What accent color does Oda use?
    Oda uses #CEFF80 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
  3. What font does Oda use?
    Oda uses Inter for body text and Aeonik Pro for headings. Fonts were detected as part of their live design system.
  4. Does Oda use a light or dark theme?
    Oda's primary site uses a light color scheme, with a background of #FFFFFF.
  5. Where can I find Oda's logo?
    Oda's logo is available directly on their site. The current logo URL is included in the machine-readable JSON profile.
  6. How was this brand profile generated?
    This profile was extracted using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.

Machine-Readable Profile

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Aeonik Pro",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#020817",
    "secondary": "#CEFF80",
    "accent": "#CEFF80",
    "background": "#FFFFFF",
    "textPrimary": "#222222",
    "link": "#6B7280"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Aeonik Pro"
    },
    "fontStacks": {
      "heading": [
        "Aeonik Pro",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "24px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "2px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#CEFF80",
      "textColor": "#000000",
      "borderRadius": "9999px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#222222",
      "textColor": "#CEFF80",
      "borderColor": "#CEFF80",
      "borderRadius": "9999px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.odastudio.ai/lovable-uploads/e559ae2d-69ed-4b44-9188-922a7e042889.png",
    "ogImage": "https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/d7e38d7c-d0e6-465a-a087-38384607b547/id-preview-a735ea58--951fed1b-3b45-4fab-bcaa-debf5470f8d4.lovable.app-1755452445165.png",
    "logoAlt": "Oda Studio Logo"
  }
}