# Orb Brand Identity

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

## Color Palette

Brand palette extracted from https://www.withorb.com/.  
**primary**  
`#847E74`  
**accent**  
`#130F0B`  
**background**  
`#FBF8F0`  
**textPrimary**  
`#130F0B`  
**link**  
`#847E74`

## Typography

Each font links to its Google Fonts page where available.

**primary**  
abcDiatype  
abcDiatype [Google Fonts →](https://fonts.google.com/specimen/abcDiatype)  
**heading**  
abcDiatype  
abcDiatype [Google Fonts →](https://fonts.google.com/specimen/abcDiatype)  
abcMarist

## UI Components

Live previews rendered using Orb's actual button styles.

### Button Primary
**background:** `#130F0B`  
**textColor:** `#FFFFFF`  
**borderRadius:** `8px`  
**shadow:** none

### Button Secondary
**background:** `#FDFCF9`  
**textColor:** `#130F0B`  
**borderColor:** `#130F0B`  
**borderRadius:** `8px`  
**shadow:** none

## Brand Personality

**Tone:** professional  
**Energy:** medium  
**Audience:** business professionals and companies looking for revenue solutions

## Orb Brand in the Wild

Real-world brand assets — ads, campaigns, and marketing materials.

Image: [m.media-amazon.com](https://m.media-amazon.com/images/I/71mpsINOLPS._UF1000,1000_QL80_.jpg)

Source: [amazon.com](https://www.amazon.com/Orb-Report-Kris-Derry-ebook/dp/B093ZLDRNY)

Image: [img.freepik.com](https://img.freepik.com/free-vector/template-colorful-abstract-delusion-landing-page_52683-28117.jpg?semt=ais_hybrid&w=740&q=80)

Source: [freepik.com](https://www.freepik.com/vectors/orb-website)

Image: [cdn.shortpixel.ai](https://cdn.shortpixel.ai/spai/q_glossy+ret_img+to_auto/www.slantmagazine.com/wp-content/uploads/2015/06/moonbuilding2703ad.jpg)

Source: [slantmagazine.com](https://www.slantmagazine.com/music/the-orb-moonbuilding-2703-ad/)

Image: [m.media-amazon.com](https://m.media-amazon.com/images/I/51k+JcGDa0L._AC_UF1000,1000_QL80_.jpg)

Source: [amazon.com](https://www.amazon.com/Orb-Report-Kris-Derry/dp/B0932BFYQ1)

Image: [shutterstock.com](https://www.shutterstock.com/image-vector/landing-page-template-sphere-orb-260nw-2239908315.jpg)

Source: [shutterstock.com](https://www.shutterstock.com/image-vector/landing-page-template-sphere-orb-ribbon-2239908315)

## Frequently Asked Questions

**What is Orb's primary brand color?**  
Orb's primary brand color is `#847E74`. It anchors the visual identity across their website, product UI, and marketing materials.

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

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

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

**Where can I find Orb's logo?**  
Orb's logo is available directly on their site (https://www.withorb.com/). The current logo URL is included in the machine-readable JSON profile linked above.

**How was this brand profile generated?**  
This profile was extracted from https://www.withorb.com/ 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 Orb.

## Methodology

Brand data on this page was extracted from
[https://www.withorb.com/](https://www.withorb.com/) 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. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content.
This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Orb.

## Machine-Readable Profile

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

```
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "abcDiatype",
      "role": "body"
    },
    {
      "family": "abcDiatypeSemiMono",
      "role": "monospace"
    },
    {
      "family": "abcMarist",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#847E74",
    "accent": "#130F0B",
    "background": "#FBF8F0",
    "textPrimary": "#130F0B",
    "link": "#847E74"
  },
  "typography": {
    "fontFamilies": {
      "primary": "abcDiatype",
      "heading": "abcDiatype"
    },
    "fontStacks": {
      "heading": [
        "abcMarist"
      ],
      "body": [
        "abcDiatype"
      ],
      "paragraph": [
        "abcDiatype"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "52px",
      "body": "22px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#130F0B",
      "textColor": "#FFFFFF",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FDFCF9",
      "textColor": "#130F0B",
      "borderColor": "#130F0B",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2068%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22h-6%20lg%3Ah-8%20shrink-0%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M48.3047%209.0545C50.3399%207.59022%2052.8283%206.7292%2055.5152%206.7292C62.3974%206.72924%2067.9766%2012.3775%2067.9766%2019.3448C67.9766%2026.3122%2062.3974%2031.9604%2055.5152%2031.9604C52.8283%2031.9604%2050.3399%2031.0993%2048.3047%2029.635V31.555H42.3477V0.0241852H48.3047V9.0545ZM55.1621%2012.2502C51.2918%2012.2502%2048.1543%2015.4265%2048.1543%2019.3448C48.1543%2023.2631%2051.2918%2026.4395%2055.1621%2026.4395C59.0324%2026.4395%2062.17%2023.2631%2062.17%2019.3448C62.17%2015.4265%2059.0324%2012.2502%2055.1621%2012.2502Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(19%2C%2015%2C%2011)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M40.8827%207.11552V13.1463H32.9087C32.5996%2013.1463%2032.3492%2013.3999%2032.3492%2013.7128V31.5651H26.3921V15.6132C26.3921%2010.92%2030.1501%207.11552%2034.7858%207.11552H40.8827Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(19%2C%2015%2C%2011)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.489%206.72325C19.3587%206.72326%2024.9276%2012.3739%2024.9276%2019.3442C24.9276%2026.3145%2019.3587%2031.9652%2012.489%2031.9652C5.61949%2031.9652%200.0505721%2026.3145%200.0505371%2019.3442C0.0505371%2012.3739%205.61947%206.72325%2012.489%206.72325ZM12.489%2012.2384C8.61264%2012.2384%205.47016%2015.4198%205.47016%2019.3442C5.4702%2023.2686%208.61266%2026.4501%2012.489%2026.4501C16.3654%2026.4501%2019.5079%2023.2686%2019.508%2019.3442C19.508%2015.4198%2016.3656%2012.2384%2012.489%2012.2384Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(19%2C%2015%2C%2011)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://www.withorb.com/favicon.ico?favicon.db5bdf7d.ico",
    "ogImage": "https://cdn.sanity.io/images/ixzrxwnx/production/ee0763b754e7ff6fd9a290132c9783fae103ac4c-1200x630.png?w=1200&h=630",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, matching the brand 'Orb'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 2,
      "text": "Get started with Orb billingGet started with Orb billing",
      "reasoning": "Button #0 has a strong call-to-action text 'Get started with Orb billing' and uses a dark, contrasting color (#130F0B) which stands out as a primary action."
    },
    "secondary": {
      "index": 20,
      "text": "Read the case studyRead the case study",
      "reasoning": "Button #2 'Read the case study' has a different background color (#FDFCF9) and serves as a secondary action with informative text."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals and companies looking for revenue solutions"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, matching the brand 'Orb'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```

## Related Brand Profiles

Sentry | Miro | Retool | Mixpanel | 1Password | Vanta