Scuba Brand: Colors, Fonts, Logo & Visual Identity

Scuba Brand Identity

A complete profile of Scuba's visual system — colors, typography, components, and personality — extracted from https://www.scuba.io. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.scuba.io.

Color Hex Code RGB
primary #009E73 rgb(0, 158, 115)
accent #009E73 rgb(0, 158, 115)
background #000000 rgb(0, 0, 0)
textPrimary #000000 rgb(0, 0, 0)
link #FF3860 rgb(255, 56, 96)

Typography

Each font links to its Google Fonts page where available.

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

Visual Assets

UI Components

Live previews rendered using Scuba's actual button styles.

Button Primary

Button Secondary

Brand Personality

Tone: modern
Energy: medium
Audience: tech-savvy professionals

Scuba Brand in the Wild

Frequently Asked Questions

What is Scuba's primary brand color?
Scuba's primary brand color is #009E73. It anchors the visual identity across their website, product UI, and marketing materials.

What font does Scuba use?
Scuba uses Inter as the primary typeface across body and headings.

Does Scuba use a light or dark theme?
Scuba's primary site uses a dark color scheme, with a background of #000000.

Where can I find Scuba's logo?
Scuba's logo is available directly on their site (https://www.scuba.io). 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.scuba.io 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 Scuba.

Machine-Readable Profile

{
  "colorScheme": "dark",
  "fonts": [{
    "family": "Inter",
    "role": "body"
  }],
  "colors": {
    "primary": "#009E73",
    "accent": "#009E73",
    "background": "#000000",
    "textPrimary": "#000000",
    "link": "#FF3860"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "system-ui",
        "sans-serif"
      ],
      "body": [
        "Inter",
        "system-ui",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "system-ui",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "40px",
      "body": "20px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#009E73",
      "textColor": "#FFFFFF",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#009E73",
      "borderColor": "#009E73",
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://behavure.ai/images/illustrations/behavure-logo.svg",
    "favicon": "https://behavure.ai/favicon.png",
    "ogImage": null,
    "logoHref": "/",
    "logoAlt": "Behavure AI"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy professionals"
  }
}