Booko Brand Identity

A complete profile of Booko's visual system — colors, typography, components, and personality — extracted from https://bookoapp.com. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://bookoapp.com.

Primary

#6B7280

Accent

#4F46E5

Body Font

Inter

Heading

Inter

Color Details:

• primary: #6B7280 (rgb(107, 114, 128))
• secondary: #4F46E5 (rgb(79, 70, 229))
• accent: #4F46E5 (rgb(79, 70, 229))
• background: #FFFFFF (rgb(255, 255, 255))
• textPrimary: #111827 (rgb(17, 24, 39))
• link: #111827 (rgb(17, 24, 39))

Typography

Each font links to its Google Fonts page where available.

Font Details:

Primary: Inter
Heading: Inter
Font Stack for Heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif

Visual Assets

%20!important%3B%20stroke-width%3A%202px%20!important%3B%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%221.5%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(79%2C%2070%2C%20229)%20!important%3B%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(79%2C%2070%2C%20229)%20!important%3B%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%222%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(79%2C%2070%2C%20229)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)
Logo

Favicon

UI Components

Live previews rendered using Booko's actual button styles.

Button Primary

• background: #4F46E5
• textColor: #FFFFFF
• borderRadius: 7.5px
• shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px

Button Secondary

• background: #FFFFFF
• textColor: #000000
• borderRadius: 0px
• shadow: none

Brand Personality

• Tone: modern
• Energy: medium
• Audience: business professionals

Booko Brand in the Wild

• Source: bookoapp.com
• Source: bookoapp.com

Frequently Asked Questions

• What is Booko's primary brand color? Booko's primary brand color is #6B7280.
• What accent color does Booko use? Booko uses #4F46E5 as an accent color.
• What font does Booko use? Booko uses Inter as the primary typeface.
• Does Booko use a light or dark theme? Booko's primary site uses a light color scheme.
• Where can I find Booko's logo? Booko's logo is available directly on their site.
• How was this brand profile generated? This profile was extracted from https://bookoapp.com using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#6B7280",
    "secondary": "#4F46E5",
    "accent": "#4F46E5",
    "background": "#FFFFFF",
    "textPrimary": "#111827",
    "link": "#111827"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "41.25px",
      "body": "28px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#4F46E5",
      "textColor": "#FFFFFF",
      "borderRadius": "7.5px",
      "borderRadiusCorners": {
        "topLeft": "7.5px",
        "topRight": "7.5px",
        "bottomRight": "7.5px",
        "bottomLeft": "7.5px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22h-6%20w-6%20text-primary%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20data-fc-idx%3D%220%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%20stroke-width%3D%222%22%20stroke%3D%22currentColor%22%20fill%3D%22none%22%20style%3D%22fill%3A%20none%20!important%3B%20stroke%3A%20rgb(79%2C%2070%2C%20229)%20!important%3B%20stroke-width%3A%202px%20!important%3B%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%221.5%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(79%2C%2070%2C%20229)%20!important%3B%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(79%2C%2070%2C%20229)%20!important%3B%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%222%22%20width%3D%222%22%20height%3D%224%22%20rx%3D%221%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(79%2C%2070%2C%20229)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://bookoapp.com/favicon.ico?v=3"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "business professionals"
  }
}