# Scrunch Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #E8F1FB |
| Accent | #000000 |
| Body Font | Inter |
| Heading Font | Inter |

## Color Palette

- primary: #E8F1FB
- secondary: #DBEAFF
- accent: #000000
- background: #FBF9F6
- textPrimary: #000000
- link: #EDE1F5

## Typography

- primary: Inter — https://fonts.google.com/specimen/Inter
- heading: Inter — https://fonts.google.com/specimen/Inter

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20211%2039%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M59.18%208.775c2.983%200%205.307.595%206.982%201.798%201.676%201.204%202.617%202.941%202.813%205.25h-5.797c-.085-1.057-.477-1.81-1.162-2.284-.684-.474-1.687-.705-3.008-.705-1.15%200-1.994.17-2.556.51-.563.34-.844.851-.844%201.532%200%20.51.183.935.563%201.276.366.34.941.644%201.7.9.824.273%201.665.488%202.519.643%202.776.547%204.745%201.094%205.882%201.665%201.15.571%201.981%201.252%202.52%202.054.525.802.795%201.774.795%202.941%200%202.48-.905%204.375-2.728%205.7-1.822%201.325-4.292%201.981-7.41%201.981-3.12%200-5.81-.693-7.632-2.09-1.822-1.398-2.752-3.294-2.813-5.676H54.8c0%201.143.44%202.042%201.333%202.71.893.669%202.005%201.01%203.35%201.01%201.15%200%202.104-.244%202.863-.742.758-.499%201.137-1.191%201.137-2.066%200-.572-.232-1.045-.71-1.41-.476-.365-1.137-.693-1.993-.985-.856-.28-2.189-.607-3.999-.984-1.43-.28-2.703-.668-3.828-1.155-1.113-.486-1.969-1.118-2.556-1.895-.587-.778-.88-1.738-.88-2.88%200-1.447.354-2.723%201.051-3.805.697-1.081%201.774-1.896%203.229-2.455%201.443-.559%203.24-.838%205.393-.838h-.012.002Zm24.63%200c3.009%200%205.455.765%207.35%202.284%201.896%201.52%202.923%203.55%203.094%206.09h-5.968c-.403-2.529-1.908-3.805-4.513-3.805-1.602%200-2.873.657-3.803%201.97-.93%201.312-1.394%203.05-1.394%205.213%200%202.163.44%203.755%201.333%205.043.893%201.277%202.128%201.92%203.742%201.92%202.776%200%204.403-1.494%204.855-4.484h5.883c-.404%202.93-1.541%205.177-3.412%206.721-1.871%201.556-4.305%202.333-7.29%202.333-3.289%200-5.992-1.045-8.083-3.135s-3.143-4.813-3.143-8.18c0-3.645%201.027-6.55%203.094-8.713%202.067-2.164%204.806-3.245%208.255-3.245v-.012Zm26.978%200c.514%200%20.954.073%201.333.218v5.64a10.19%2010.19%200%200%200-2.189-.22c-4.011%200-6.017%202.358-6.017%207.086v9.954h-6.103V9.37h5.797v4.096h.086a7.43%207.43%200%200%201%202.862-3.415c1.308-.851%202.715-1.276%204.231-1.276Zm9.846.595v12.518c0%201.714.269%203.026.819%203.974.538.936%201.578%201.41%203.094%201.41%201.688%200%202.899-.498%203.633-1.495.733-.997%201.1-2.589%201.1-4.788V9.37h6.103v22.083h-5.797v-3.075h-.134c-1.517%202.455-3.792%203.67-6.837%203.67s-4.965-.729-6.213-2.2c-1.247-1.47-1.871-3.718-1.871-6.769V9.37h6.103Zm32.14-.595c2.837%200%204.892.717%206.164%202.139%201.271%201.422%201.907%203.682%201.907%206.793v13.746h-6.102V18.935c0-1.823-.294-3.172-.881-4.06-.587-.887-1.602-1.324-3.033-1.324-1.663%200-2.862.498-3.608%201.495-.746.996-1.112%202.637-1.112%204.91V31.44h-6.103V9.37h5.797v3.074h.134c1.517-2.443%203.792-3.669%206.837-3.669Zm23.382%200c3.008%200%205.454.765%207.35%202.284%201.896%201.52%202.923%203.55%203.094%206.09h-5.968c-.404-2.529-1.908-3.805-4.513-3.805-1.602%200-2.874.657-3.803%201.97-.93%201.312-1.394%203.05-1.394%205.213%200%202.163.44%203.755%201.333%205.043.892%201.277%202.128%201.92%203.742%201.92%202.776%200%204.403-1.494%204.855-4.484h5.883c-.404%202.93-1.541%205.177-3.413%206.721-1.871%201.556-4.304%202.333-7.288%202.333-3.29%200-5.993-1.045-8.084-3.135-2.092-2.09-3.143-4.813-3.143-8.18%200-3.645%201.027-6.55%203.094-8.713%202.067-2.164%204.806-3.245%208.255-3.245v-.012ZM196.263.96v11.485h.134a7.38%207.38%200%200%201%202.789-2.686%207.55%207.55%200%200%201%203.742-.984c2.837%200%204.892.717%206.164%202.139%201.272%201.422%201.908%203.67%201.908%206.745v13.794h-6.103V18.898c0-1.798-.293-3.135-.881-4.01-.587-.887-1.602-1.325-3.033-1.325-1.638%200-2.825.486-3.583%201.47-.758.985-1.137%202.601-1.137%204.85v11.57h-6.103V.96h6.103ZM14.321%2014.244%2019.629%200l5.295%2014.244%2014.334%205.262L33.51%205.712%2019.629%200%205.748%205.712%200%2019.506l14.321-5.262Zm0%2010.536L0%2019.506l5.748%2013.783L19.628%2039l-5.307-14.22ZM24.924%2024.78l14.334-5.274-5.748%2013.783L19.628%2039l5.296-14.22Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://scrunch.com/favicon.svg
- Social card (og:image): /website/homepage.png

## UI Components

- input: background=#FFFFFF, textColor=#000000, borderColor=#000000, borderRadius=24px, shadow=none
- buttonPrimary: background=#000000, textColor=#FFFFFF, borderRadius=9999px, shadow=none
- buttonSecondary: background=#F0EEE9, textColor=#000000, borderColor=#000000, borderRadius=9999px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: business professionals seeking AI solutions

## Scrunch Brand in the Wild

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

- **Announcing Scrunch AI's Agency Partner Program**
  - Image: https://ai-cdn.scrunchai.com/website/homepage.png
  - Source: https://ai-cdn.scrunchai.com/blog/2025-05-announcing-scrunch-ai's-agency-partnership-program
- **Scrunch | Blog - Why people are turning to ChatGPT for 'vendor bake-offs'**
  - Image: https://cdn.sanity.io/images/3lyosn52/production/8c283de58323c5e2747f7cf74492984d60a9530a-3000x2000.jpg
  - Source: https://scrunchai.com/news/2025-09-why-people-are-turning-to-chatgpt-for-'vendor-bake-offs'/
- **Scrunch | Blog - Colleen Tuohy**
  - Image: https://cdn.sanity.io/images/3lyosn52/production/c91fa53800ba3c19cb2c89b4486a5512ae77611f-434x434.jpg
  - Source: https://ai-cdn.scrunchai.com/blog/author/colleen-tuohy
- **Scrunch AI vs Profound: Which is the Best?**
  - Image: https://cdn.sanity.io/images/f6oskg04/production/b80438b0975dcaaedc4367aeae8b8ed91744f896-1600x1068.png
  - Source: https://www.tryprofound.com/blog/scrunch-ai-review

## 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": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#E8F1FB",
    "secondary": "#DBEAFF",
    "accent": "#000000",
    "background": "#FBF9F6",
    "textPrimary": "#000000",
    "link": "#EDE1F5"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter",
        "sans-serif"
      ],
      "body": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "48px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#000000",
      "borderColor": "#000000",
      "borderRadius": "24px",
      "borderRadiusCorners": {
        "topLeft": "24px",
        "topRight": "24px",
        "bottomRight": "24px",
        "bottomLeft": "24px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#000000",
      "textColor": "#FFFFFF",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F0EEE9",
      "textColor": "#000000",
      "borderColor": "#000000",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20211%2039%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M59.18%208.775c2.983%200%205.307.595%206.982%201.798%201.676%201.204%202.617%202.941%202.813%205.25h-5.797c-.085-1.057-.477-1.81-1.162-2.284-.684-.474-1.687-.705-3.008-.705-1.15%200-1.994.17-2.556.51-.563.34-.844.851-.844%201.532%200%20.51.183.935.563%201.276.366.34.941.644%201.7.9.824.273%201.665.488%202.519.643%202.776.547%204.745%201.094%205.882%201.665%201.15.571%201.981%201.252%202.52%202.054.525.802.795%201.774.795%202.941%200%202.48-.905%204.375-2.728%205.7-1.822%201.325-4.292%201.981-7.41%201.981-3.12%200-5.81-.693-7.632-2.09-1.822-1.398-2.752-3.294-2.813-5.676H54.8c0%201.143.44%202.042%201.333%202.71.893.669%202.005%201.01%203.35%201.01%201.15%200%202.104-.244%202.863-.742.758-.499%201.137-1.191%201.137-2.066%200-.572-.232-1.045-.71-1.41-.476-.365-1.137-.693-1.993-.985-.856-.28-2.189-.607-3.999-.984-1.43-.28-2.703-.668-3.828-1.155-1.113-.486-1.969-1.118-2.556-1.895-.587-.778-.88-1.738-.88-2.88%200-1.447.354-2.723%201.051-3.805.697-1.081%201.774-1.896%203.229-2.455%201.443-.559%203.24-.838%205.393-.838h-.012.002Zm24.63%200c3.009%200%205.455.765%207.35%202.284%201.896%201.52%202.923%203.55%203.094%206.09h-5.968c-.403-2.529-1.908-3.805-4.513-3.805-1.602%200-2.873.657-3.803%201.97-.93%201.312-1.394%203.05-1.394%205.213%200%202.163.44%203.755%201.333%205.043.893%201.277%202.128%201.92%203.742%201.92%202.776%200%204.403-1.494%204.855-4.484h5.883c-.404%202.93-1.541%205.177-3.412%206.721-1.871%201.556-4.305%202.333-7.29%202.333-3.289%200-5.992-1.045-8.083-3.135s-3.143-4.813-3.143-8.18c0-3.645%201.027-6.55%203.094-8.713%202.067-2.164%204.806-3.245%208.255-3.245v-.012Zm26.978%200c.514%200%20.954.073%201.333.218v5.64a10.19%2010.19%200%200%200-2.189-.22c-4.011%200-6.017%202.358-6.017%207.086v9.954h-6.103V9.37h5.797v4.096h.086a7.43%207.43%200%200%201%202.862-3.415c1.308-.851%202.715-1.276%204.231-1.276Zm9.846.595v12.518c0%201.714.269%203.026.819%203.974.538.936%201.578%201.41%203.094%201.41%201.688%200%202.899-.498%203.633-1.495.733-.997%201.1-2.589%201.1-4.788V9.37h6.103v22.083h-5.797v-3.075h-.134c-1.517%202.455-3.792%203.67-6.837%203.67s-4.965-.729-6.213-2.2c-1.247-1.47-1.871-3.718-1.871-6.769V9.37h6.103Zm32.14-.595c2.837%200%204.892.717%206.164%202.139%201.271%201.422%201.907%203.682%201.907%206.793v13.746h-6.102V18.935c0-1.823-.294-3.172-.881-4.06-.587-.887-1.602-1.324-3.033-1.324-1.663%200-2.862.498-3.608%201.495-.746.996-1.112%202.637-1.112%204.91V31.44h-6.103V9.37h5.797v3.074h.134c1.517-2.443%203.792-3.669%206.837-3.669Zm23.382%200c3.008%200%205.454.765%207.35%202.284%201.896%201.52%202.923%203.55%203.094%206.09h-5.968c-.404-2.529-1.908-3.805-4.513-3.805-1.602%200-2.874.657-3.803%201.97-.93%201.312-1.394%203.05-1.394%205.213%200%202.163.44%203.755%201.333%205.043.892%201.277%202.128%201.92%203.742%201.92%202.776%200%204.403-1.494%204.855-4.484h5.883c-.404%202.93-1.541%205.177-3.413%206.721-1.871%201.556-4.304%202.333-7.288%202.333-3.29%200-5.993-1.045-8.084-3.135-2.092-2.09-3.143-4.813-3.143-8.18%200-3.645%201.027-6.55%203.094-8.713%202.067-2.164%204.806-3.245%208.255-3.245v-.012ZM196.263.96v11.485h.134a7.38%207.38%200%200%201%202.789-2.686%207.55%207.55%200%200%201%203.742-.984c2.837%200%204.892.717%206.164%202.139%201.272%201.422%201.908%203.67%201.908%206.745v13.794h-6.103V18.898c0-1.798-.293-3.135-.881-4.01-.587-.887-1.602-1.325-3.033-1.325-1.638%200-2.825.486-3.583%201.47-.758.985-1.137%202.601-1.137%204.85v11.57h-6.103V.96h6.103ZM14.321%2014.244%2019.629%200l5.295%2014.244%2014.334%205.262L33.51%205.712%2019.629%200%205.748%205.712%200%2019.506l14.321-5.262Zm0%2010.536L0%2019.506l5.748%2013.783L19.628%2039l-5.307-14.22ZM24.924%2024.78l14.334-5.274-5.748%2013.783L19.628%2039l5.296-14.22Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://scrunch.com/favicon.svg",
    "ogImage": "/website/homepage.png",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 1,
    "reasoning": "Selected #1 because it is visible, located in the header, and links to the homepage, matching the brand 'Scrunch'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 1,
      "text": "Try 7 days free",
      "reasoning": "Button #0 'Try 7 days free' is the primary CTA due to its action-oriented text and prominent placement. It encourages users to engage with the platform immediately, which is typical for a primary CTA."
    },
    "secondary": {
      "index": 0,
      "text": "Book a demo",
      "reasoning": "Button #9 'Book a demo' serves as a secondary CTA. It offers a different action with a distinct background color, making it suitable as a secondary option."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "business professionals seeking AI solutions"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 1,
        "selectedLogoReasoning": "Selected #1 because it is visible, located in the header, and links to the homepage, matching the brand 'Scrunch'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```