Hippo Scribe Brand: Colors, Fonts, Logo & Visual Identity

Hippo Scribe Brand Identity

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

Color Palette

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

Typography

Each font links to its Google Fonts page where available.

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Hippo Scribe's actual button styles.

Button Primary

Button Secondary

Brand Personality

Frequently Asked Questions

  1. What is Hippo Scribe's primary brand color?
    Hippo Scribe's primary brand color is #0B132B.
  2. What accent color does Hippo Scribe use?
    Hippo Scribe uses #2E64E4 as an accent color.
  3. What font does Hippo Scribe use?
    Hippo Scribe uses Manrope as the primary typeface.
  4. Does Hippo Scribe use a light or dark theme?
    Hippo Scribe's primary site uses a light color scheme.
  5. Where can I find Hippo Scribe's logo?
    Hippo Scribe's logo is available directly on their site.
  6. How was this brand profile generated?
    This profile was extracted using the Firecrawl branding extraction API.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Manrope",
      "role": "body"
    },
    {
      "family": "Inter",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#0B132B",
    "secondary": "#19154E",
    "accent": "#2E64E4",
    "background": "#FFFFFF",
    "textPrimary": "#2E64E4",
    "link": "#2E64E4"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Manrope",
      "heading": "Manrope"
    },
    "fontStacks": {
      "heading": [
        "Manrope",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "20px",
      "h2": "42px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#2E64E4",
      "textColor": "#0000EE",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0000EE",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "10px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://framerusercontent.com/images/zWgyCCnXK5DibRW7jr5pPb9ZpA.png",
    "favicon": "https://framerusercontent.com/images/BiRw54Xs2RGvblFpYZIuL2vT0I.png",
    "ogImage": "https://framerusercontent.com/assets/K8IKo0uI4yRQKWYI3a0I51LLehA.png",
    "logoHref": "./"
  }
}