Hook Brand Identity

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

Color Palette

Brand palette extracted from https://hook.co/.
primary: #F6EADF
secondary: #ACA49C
accent: #CFFF00
background: #000000
textPrimary: #000000
link: #CFFF00

Typography

Each font links to its Google Fonts page where available.

primary: Inter
heading: Space Grotesk

UI Components

Live previews rendered using Hook's actual button styles.

Button Primary

• background: #CFFF00
• textColor: #000000
• borderRadius: 16px
• shadow: none

Button Secondary

• background: transparent
• textColor: #F6EADF
• borderColor: #3E4D00
• borderRadius: 16px
• shadow: none

Brand Personality

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

Frequently Asked Questions

• What is Hook's primary brand color?
  Hook's primary brand color is #F6EADF. It anchors the visual identity across their website, product UI, and marketing materials.
• What accent color does Hook use?
  Hook uses #CFFF00 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
• What font does Hook use?
  Hook uses Inter for body text and Space Grotesk for headings. Fonts were detected on https://hook.co/ as part of their live design system.
• Does Hook use a light or dark theme?
  Hook's primary site uses a dark color scheme, with a background of #000000.
• Where can I find Hook's logo?
  Hook's logo is available directly on their site (https://hook.co/). 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://hook.co/ 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 Hook.

Machine-Readable Profile

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

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Space Grotesk",
      "role": "heading"
    },
    {
      "family": "Instrument Serif",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#F6EADF",
    "secondary": "#ACA49C",
    "accent": "#CFFF00",
    "background": "#000000",
    "textPrimary": "#000000",
    "link": "#CFFF00"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Space Grotesk"
    },
    "fontStacks": {
      "heading": [
        "Instrument Serif"
      ],
      "body": [
        "Inter"
      ],
      "paragraph": [
        "Inter"
      ]
    },
    "fontSizes": {
      "h1": "70px",
      "h2": "56px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#CFFF00",
      "textColor": "#000000",
      "borderRadius": "16px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#F6EADF",
      "borderColor": "#3E4D00",
      "borderRadius": "16px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%2282%22%20height%3D%2220%22%20viewBox%3D%220%200%2082%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22var(--icon-stroke)%22%20fill%3D%22var(--icon-fill)%22%20data-fc-idx%3D%220%22%3E%3Csvg%20viewBox%3D%220%200%2082%2020%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cpath%20d%3D%22M48.1974%205.88901C51.6602%205.88901%2054.5137%208.68376%2054.5139%2012.9708C54.5139%2017.2588%2051.5772%2020%2048.1974%2020C44.8176%2019.9999%2041.8809%2017.2588%2041.8809%2012.9708C41.8811%208.68382%2044.7346%205.88909%2048.1974%205.88901ZM62.2704%205.88901C65.7331%205.88916%2068.5866%208.68387%2068.5869%2012.9708C68.5869%2017.2587%2065.6501%2019.9998%2062.2704%2020C58.8905%2020%2055.9538%2017.2588%2055.9538%2012.9708C55.9541%208.68376%2058.8075%205.88901%2062.2704%205.88901ZM31.5663%205.10048C31.5663%207.51479%2031.362%208.49262%2030.8416%209.46914H31.4861C31.8764%208.08512%2033.206%205.88804%2035.8871%205.88801C39.141%205.88801%2040.4425%208.11316%2040.4438%2011.0978V19.6465H38.725V11.5318C38.7249%208.76437%2037.4758%207.51689%2035.4975%207.5167C31.8792%207.5167%2031.5921%2011.5597%2031.5921%2013.5677V19.6465H29.8485V0.650392H31.5663V5.10048ZM71.7704%209.49794C71.7704%2011.2884%2071.8521%2012.4047%2071.0189%2013.382L71.4219%2013.7613L79.1535%206.29816L81.4805%206.26837L75.6491%2011.8039L82%2019.6465H79.7618L74.3992%2012.9698L71.7704%2015.4665V19.6465H70.0259V0.650392H71.7704V9.49794ZM12.2205%200.63053C14.3884%20-1.02405%2017.4091%200.793599%2017.119%203.57806C16.9732%204.97401%2017.7119%206.30846%2018.9448%206.87516C21.4037%208.00516%2021.4037%2011.6422%2018.9448%2012.7722C17.712%2013.3389%2016.9733%2014.6725%2017.119%2016.0683C17.4094%2018.8522%2014.3885%2020.6712%2012.2205%2019.0168C11.1334%2018.1875%209.65626%2018.1875%208.56909%2019.0168C6.40114%2020.6715%203.38024%2018.853%203.67058%2016.0683C3.8163%2014.6724%203.07682%2013.3388%201.8439%2012.7722C-0.614688%2011.6421%20-0.614577%208.00533%201.8439%206.87516C3.07688%206.30849%203.81638%204.97406%203.67058%203.57806C3.38051%200.794238%206.40122%20-1.02407%208.56909%200.63053C9.65624%201.4597%2011.1334%201.45981%2012.2205%200.63053ZM48.1974%207.51571C45.7597%207.51579%2043.7936%209.36126%2043.7935%2012.9976C43.7935%2016.6342%2045.7596%2018.399%2048.1974%2018.3991C50.6352%2018.3991%2052.6029%2016.6343%2052.6022%2012.9976C52.6021%209.36119%2050.6351%207.51571%2048.1974%207.51571ZM62.2704%207.51571C59.8326%207.51571%2057.8656%209.36119%2057.8655%2012.9976C57.8655%2016.6343%2059.8325%2018.3991%2062.2704%2018.3991C64.7081%2018.399%2066.6749%2016.6342%2066.6742%2012.9976C66.6741%209.36133%2064.708%207.51585%2062.2704%207.51571ZM11.4834%208.05397C10.8822%208.68102%209.90699%208.68121%209.3053%208.05397L5.98997%204.59797L5.38171%205.23157L8.69704%208.68856C9.29882%209.31523%209.29882%2010.3315%208.69704%2010.9588L5.38171%2014.4148L5.98997%2015.0494L9.3053%2011.5934C9.90643%2010.9661%2010.8816%2010.9661%2011.4834%2011.5934L14.7987%2015.0494L15.407%2014.4148L12.0916%2010.9588C11.4901%2010.3315%2011.49%209.31481%2012.0916%208.68757L15.407%205.23157L14.7987%204.59797L11.4834%208.05397Z%22%20fill%3D%22var(--icon-fill)%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E",
    "favicon": "https://hook.co/favicon.ico",
    "ogImage": "https://hook.co/en/opengraph-image.png?27a3808055c5fd88"
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "tech-savvy professionals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  }
}

Visual Assets

%22%20fill%3D%22var(--icon-fill)%22%20data-fc-idx%3D%220%22%3E%3Csvg%20viewBox%3D%220%200%2082%2020%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%3E%3Cpath%20d%3D%22M48.1974%205.88901C51.6602%205.88901%2054.5137%208.68376%2054.5139%2012.9708C54.5139%2017.2588%2051.5772%2020%2048.1974%2020C44.8176%2019.9999%2041.8809%2017.2588%2041.8809%2012.9708C41.8811%208.68382%2044.7346%205.88909%2048.1974%205.88901ZM62.2704%205.88901C65.7331%205.88916%2068.5866%208.68387%2068.5869%2012.9708C68.5869%2017.2587%2065.6501%2019.9998%2062.2704%2020C58.8905%2020%2055.9538%2017.2588%2055.9538%2012.9708C55.9541%208.68376%2058.8075%205.88901%2062.2704%205.88901ZM31.5663%205.10048C31.5663%207.51479%2031.362%208.49262%2030.8416%209.46914H31.4861C31.8764%208.08512%2033.206%205.88804%2035.8871%205.88801C39.141%205.88801%2040.4425%208.11316%2040.4438%2011.0978V19.6465H38.725V11.5318C38.7249%208.76437%2037.4758%207.51689%2035.4975%207.5167C31.8792%207.5167%2031.5921%2011.5597%2031.5921%2013.5677V19.6465H29.8485V0.650392H31.5663V5.10048ZM71.7704%209.49794C71.7704%2011.2884%2071.8521%2012.4047%2071.0189%2013.382L71.4219%2013.7613L79.1535%206.29816L81.4805%206.26837L75.6491%2011.8039L82%2019.6465H79.7618L74.3992%2012.9698L71.7704%2015.4665V19.6465H70.0259V0.650392H71.7704V9.49794ZM12.2205%200.63053C14.3884%20-1.02405%2017.4091%200.793599%2017.119%203.57806C16.9732%204.97401%2017.7119%206.30846%2018.9448%206.87516C21.4037%208.00516%2021.4037%2011.6422%2018.9448%2012.7722C17.712%2013.3389%2016.9733%2014.6725%2017.119%2016.0683C17.4094%2018.8522%2014.3885%2020.6712%2012.2205%2019.0168C11.1334%2018.1875%209.65626%2018.1875%208.56909%2019.0168C6.40114%2020.6715%203.38024%2018.853%203.67058%2016.0683C3.8163%2014.6724%203.07682%2013.3388%201.8439%2012.7722C-0.614688%2011.6421%20-0.614577%208.00533%201.8439%206.87516C3.07688%206.30849%203.81638%204.97406%203.67058%203.57806C3.38051%200.794238%206.40122%20-1.02407%208.56909%200.63053C9.65624%201.4597%2011.1334%201.45981%2012.2205%200.63053ZM48.1974%207.51571C45.7597%207.51579%2043.7936%209.36126%2043.7935%2012.9976C43.7935%2016.6342%2045.7596%2018.399%2048.1974%2018.3991C50.6352%2018.3991%2052.6029%2016.6343%2052.6022%2012.9976C52.6021%209.36119%2050.6351%207.51571%2048.1974%207.51571ZM62.2704%207.51571C59.8326%207.51571%2057.8656%209.36119%2057.8655%2012.9976C57.8655%2016.6343%2059.8325%2018.3991%2062.2704%2018.3991C64.7081%2018.399%2066.6749%2016.6342%2066.6742%2012.9976C66.6741%209.36133%2064.708%207.51585%2062.2704%207.51571ZM11.4834%208.05397C10.8822%208.68102%209.90699%208.68121%209.3053%208.05397L5.98997%204.59797L5.38171%205.23157L8.69704%208.68856C9.29882%209.31523%209.29882%2010.3315%208.69704%2010.9588L5.38171%2014.4148L5.98997%2015.0494L9.3053%2011.5934C9.90643%2010.9661%2010.8816%2010.9661%2011.4834%2011.5934L14.7987%2015.0494L15.407%2014.4148L12.0916%2010.9588C11.4901%2010.3315%2011.49%209.31481%2012.0916%208.68757L15.407%205.23157L14.7987%204.59797L11.4834%208.05397Z%22%20fill%3D%22var(--icon-fill)%22%2F%3E%3C%2Fsvg%3E%3C%2Fsvg%3E)

Hook Brand in the Wild

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