OpenHands Brand Identity

A complete profile of OpenHands's visual system — colors, typography, components, and personality — extracted from https://www.all-hands.dev/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.all-hands.dev/.

• Primary: #F9F0D9
• Secondary: #FBF5E6
• Accent: #FFFF8B
• Background: #F9F0D9
• Text Primary: #22150D
• Link: #22150D

Typography

Each font links to its Google Fonts page where available.

• Primary: Sohne Buch
• Heading: Sohne Kraftig

Visual Assets

UI Components

Live previews rendered using OpenHands's actual button styles.

• Button Primary:

  • Background: #FFFF8B
  • Text Color: #22150D
  • Border Radius: 0px
  • Shadow: none

• Button Secondary:

  • Background: #22150D
  • Text Color: #F9F0D9
  • Border Radius: 8px
  • Shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px inset

Brand Personality

• Tone: modern
• Energy: medium
• Audience: developers and tech enthusiasts

Frequently Asked Questions

• What is OpenHands's primary brand color?

  • OpenHands's primary brand color is #F9F0D9.

• What accent color does OpenHands use?

  • OpenHands uses #FFFF8B as an accent color.

• What font does OpenHands use?

  • OpenHands uses Sohne Buch for body text and Sohne Kraftig for headings.

• Does OpenHands use a light or dark theme?

  • OpenHands's primary site uses a light color scheme.

• Where can I find OpenHands's logo?

  • OpenHands's logo is available directly on their site.

Methodology

Brand data on this page was extracted from https://www.all-hands.dev/ using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Sohne Kraftig",
      "role": "heading"
    },
    {
      "family": "Sohne Buch",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#F9F0D9",
    "secondary": "#FBF5E6",
    "accent": "#FFFF8B",
    "background": "#F9F0D9",
    "textPrimary": "#22150D",
    "link": "#22150D"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Sohne Buch",
      "heading": "Sohne Kraftig"
    }
  },
  "components": {
    "buttonPrimary": {
      "background": "#FFFF8B",
      "textColor": "#22150D",
      "borderRadius": "0px"
    },
    "buttonSecondary": {
      "background": "#22150D",
      "textColor": "#F9F0D9",
      "borderRadius": "8px"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/68ff4057b35616cdd47d5ac7/6903891b9597f86d920507d1_Logo.svg",
    "favicon": "https://cdn.prod.website-files.com/68ff4057b35616cdd47d5ac7/69713f9399681daa2add2d28_favicon.ico"
  }
}