# CaptivateIQ Brand Identity

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

- Page: https://characterquilt.com/branding/captivateiq
- Machine-readable JSON: https://characterquilt.com/branding/captivateiq.json
- Per-page llms.txt: https://characterquilt.com/branding/captivateiq/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #B6F071 |
| Accent | #B6F071 |
| Body Font | Manrope |
| Heading Font | Ivy Presto Headline |

## Color Palette

- primary: #B6F071
- secondary: #E7C0FF
- accent: #B6F071
- background: #F5F4F3
- textPrimary: #0A2028
- link: #0A2028

## Typography

- primary: Manrope — https://fonts.google.com/specimen/Manrope
- heading: Ivy Presto Headline — https://fonts.google.com/specimen/Ivy+Presto+Headline

## Visual Assets

- Logo: https://cdn.prod.website-files.com/5e20acf46e0215232a00fa2f/652cffe9bbb8f55656030427_Logo%20(3).svg
- Favicon: https://cdn.prod.website-files.com/5e20acf46e0215232a00fa2f/6477872053a09be2b5252086_favicon-32x32.png
- Social card (og:image): https://cdn.prod.website-files.com/5e20acf46e0215232a00fa2f/6898778c90293ab3ec1958bc_c4e09551162434cc9551d66b2ac0efb9_CIQ_OG_SPM.jpg

## UI Components

- buttonPrimary: background=#B6F071, textColor=#0A2028, borderRadius=4px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 1920px inset
- buttonSecondary: background=#F1F8FC, textColor=#595858, borderRadius=0px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: sales professionals and businesses

## CaptivateIQ Brand in the Wild

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

- **Spotlight on Sales | CaptivateIQ**
  - Image: https://cdn.prod.website-files.com/5ea8631963eccd041cf3575f/6112a386d6338c0b75aa9fb7_IMG_5878%20(1).jpg
  - Source: https://www.captivateiq.com/blog/sales-hero-marissa
- **Sales Compensation Blog | CaptivateIQ**
  - Image: https://cdn.prod.website-files.com/5ea8631963eccd041cf3575f/69ca3686538b649a4e4ba9f1_CIQ_Blog_How%20to%20Build%20Enterprise%20Software%20Sales%20Compensation%20Plans%20%5BWith%20Examples%5D_1200x630.png
  - Source: https://www.captivateiq.com/blog
- **CaptivateIQ SmartGrid™ Calculation Engine**
  - Image: https://cdn.prod.website-files.com/5e20acf46e0215232a00fa2f/65d7317d2a1c3d880656cb15_Video_Hero_SmartGrid%20(1).webp
  - Source: https://www.captivateiq.com/smartgrid
- **Sales Compensation Blog | CaptivateIQ**
  - Image: https://cdn.prod.website-files.com/5ea8631963eccd041cf3575f/69c175192c1265cb0db9bd70_CIQ_2026_AI_at_CaptivateIQ_Blog_1200x630.jpg
  - Source: https://www.captivateiq.com/blog
- **The Future of Sales Compensation**
  - Image: https://i.vimeocdn.com/video/951558990-da30427f8ae97fe510839231b7cbb1db048257fd04c0170a2e3771ad250943cf-d?f=webp
  - Source: https://www.captivateiq.com/blog/the-future-of-sales-compensation
- **Sales Compensation Blog | CaptivateIQ**
  - Image: https://cdn.prod.website-files.com/5ea8631963eccd041cf3575f/69e549d536595639cec69420_CIQ_Blog_11%20Best%20Sales%20Compensation%20Software%20For%202026_1200x630(1).jpg
  - Source: https://www.captivateiq.com/blog

## Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Manrope",
      "role": "body"
    },
    {
      "family": "Fakt",
      "role": "body"
    },
    {
      "family": "Akkurat",
      "role": "body"
    },
    {
      "family": "Ivy Presto Headline",
      "role": "heading"
    },
    {
      "family": "Neue Haas Grotesk Display Pro",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#B6F071",
    "secondary": "#E7C0FF",
    "accent": "#B6F071",
    "background": "#F5F4F3",
    "textPrimary": "#0A2028",
    "link": "#0A2028"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Manrope",
      "heading": "Ivy Presto Headline"
    },
    "fontStacks": {
      "heading": [
        "Neue Haas Grotesk Display Pro",
        "Verdana",
        "sans-serif"
      ],
      "body": [
        "Manrope",
        "sans-serif"
      ],
      "paragraph": [
        "Fakt"
      ]
    },
    "fontSizes": {
      "h1": "100px",
      "h2": "84px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#B6F071",
      "textColor": "#0A2028",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 1920px inset"
    },
    "buttonSecondary": {
      "background": "#F1F8FC",
      "textColor": "#595858",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://cdn.prod.website-files.com/5e20acf46e0215232a00fa2f/652cffe9bbb8f55656030427_Logo%20(3).svg",
    "favicon": "https://cdn.prod.website-files.com/5e20acf46e0215232a00fa2f/6477872053a09be2b5252086_favicon-32x32.png",
    "ogImage": "https://cdn.prod.website-files.com/5e20acf46e0215232a00fa2f/6898778c90293ab3ec1958bc_c4e09551162434cc9551d66b2ac0efb9_CIQ_OG_SPM.jpg",
    "logoHref": "/",
    "logoAlt": "CaptivateIQ"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'CaptivateIQ'.",
    "confidence": 0.95,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 2,
      "text": "Sign Up",
      "reasoning": "Button #2 'Sign Up' is the primary CTA due to its action-oriented text and vibrant brand color (#B6F071), which aligns with the site's primary accent color."
    },
    "secondary": {
      "index": 3,
      "text": "Book a MeetingTour the Product",
      "reasoning": "Button #3 'Book a MeetingTour the Product' is selected as secondary because it has a different background color (#F1F8FC) and offers a less direct action compared to the primary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "sales professionals and businesses"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'CaptivateIQ'.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```