# Benchmark Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #9CA3AF |
| Accent | #000000 |
| Body Font | Matter |
| Heading Font | Financier Display |

## Color Palette

- primary: #9CA3AF
- accent: #000000
- background: #FAFAF8
- textPrimary: #0A0A0A
- link: #9CA3AF

## Typography

- primary: Matter — https://fonts.google.com/specimen/Matter
- heading: Financier Display — https://fonts.google.com/specimen/Financier+Display

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7882%209.6695L14.0305%208.22295V9.83631L10.7882%2011.2703V9.66861V9.6695ZM17.0011%205.81681V14.1832C17.0011%2014.4513%2016.8001%2014.7607%2016.5523%2014.8746L9.9494%2017.9148C9.70162%2018.0287%209.29966%2018.0287%209.05188%2017.9148L7.70927%2017.2969V8.62831C7.70927%208.37092%207.90199%208.07229%208.14059%207.96198L12.7925%205.89124V5.05093C12.7925%204.79355%2012.5988%204.67427%2012.3611%204.78368L6.72089%207.3091C6.48229%207.41941%206.28957%207.71715%206.28957%207.97453V16.6422L4.83224%2015.9714V7.30013C4.83224%207.04275%205.02496%206.74411%205.26356%206.6347L9.91544%204.56396V3.72365C9.91544%203.46627%209.72181%203.34699%209.48412%203.4564L3.84386%205.98182C3.60526%206.09213%203.41254%206.38987%203.41254%206.64725V15.3176L2.44986%2014.8746C2.20208%2014.7607%202.0011%2014.4513%202.0011%2014.1832V5.81681C2.0011%205.54866%202.20208%205.23926%202.44986%205.12536L9.05188%202.08518C9.29966%201.97128%209.70162%201.97128%209.9494%202.08518L16.5523%205.12536C16.8001%205.23926%2017.0011%205.54866%2017.0011%205.81681ZM15.5887%206.75756C15.5887%206.40153%2015.273%206.16477%2014.8601%206.34592L9.66399%208.64535C9.42355%208.75117%209.22991%209.04622%209.22991%209.30361V9.34038V16.1068C9.22991%2016.3642%209.42447%2016.4871%209.66491%2016.3812L14.8812%2014.0737C15.2905%2013.8845%2015.5897%2013.5204%2015.5897%2013.0065V11.3394C15.5897%2011.3394%2015.5887%2011.3403%2015.5878%2011.3412C15.5878%2010.5941%2014.984%2010.6058%2014.7316%2010.5394C14.5912%2010.5026%2014.5903%2010.3672%2014.7307%2010.2784C14.8564%2010.1986%2015.5897%209.8677%2015.5897%208.79422V6.75846L15.5887%206.75756ZM10.7882%2014.3724L13.0201%2013.385V13.3886L14.0305%2012.9375V11.3474L10.7882%2012.794V14.3724Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://www.withbenchmark.com/icon.svg?8605c045c1a185ac
- Social card (og:image): https://withbenchmark.com/opengraph-image?7f564aa127c233a4

## UI Components

- buttonPrimary: background=#000000, textColor=#FFFFFF, borderRadius=6px, shadow=none
- buttonSecondary: background=#FFFFFF, textColor=#0F0F0E, borderRadius=6px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: investment firms and professionals

## Benchmark Brand in the Wild

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

- **Benchmark Advertising (benchmarkad) - Profile | Pinterest**
  - Image: https://i.pinimg.com/280x280_RS/85/ad/ec/85adec93edd50848da53ac86c88ec89d.jpg
  - Source: https://www.pinterest.com/benchmarkad/
- **How to Create a Benchmark Report in 2026**
  - Image: https://venngage-wordpress.s3.amazonaws.com/uploads/2025/09/How-to-Create-a-Benchmark-Report-791x1024.png
  - Source: https://venngage.com/blog/how-to-create-benchmark-report/
- **Benchmark - Multipurpose Landing Page WordPress Theme by SaurabhSharma**
  - Image: https://market-resized.envatousercontent.com/themeforest.net/files/258504852/screenshots/01_preview.__large_preview.jpg?auto=format&q=94&cf_fit=crop&gravity=top&h=8000&w=590&s=a8270ea8197e225c91bc1293b6d55bb9e7f69316483e46d069b98d0ccf4a3395
  - Source: https://themeforest.net/item/benchmark-responsive-multipurpose-one-page-landing-page-wordpress-theme/14823795?srsltid=AfmBOoqCfL56XnEATjTEZviZHAkmZRukzMvPguqsBB1uPH349swRtZVC
- **Benchmark Advertising (benchmarkad) - Profile | Pinterest**
  - Image: https://i.pinimg.com/236x/fd/61/3e/fd613e67774a947e0623165d431f2fe8.jpg
  - Source: https://www.pinterest.com/benchmarkad/
- **How to Create a Benchmark Report in 2026**
  - Image: https://venngage-wordpress.s3.amazonaws.com/uploads/2025/09/Benchmark-report-by-Campaign-Monitor-1024x838.png
  - Source: https://venngage.com/blog/how-to-create-benchmark-report/
- **Landing Page Builder**
  - Image: https://kb.benchmarkemail.com/wp-content/uploads/2020/01/Benchmark-landing-page-builder-01.png
  - Source: https://kb.benchmarkemail.com/en/landing-page-builder/

## 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": "Matter",
      "role": "body"
    },
    {
      "family": "Financier Display",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#9CA3AF",
    "accent": "#000000",
    "background": "#FAFAF8",
    "textPrimary": "#0A0A0A",
    "link": "#9CA3AF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Matter",
      "heading": "Financier Display"
    },
    "fontStacks": {
      "heading": [
        "Financier Display",
        "serif"
      ],
      "body": [
        "Matter",
        "sans-serif"
      ],
      "paragraph": [
        "Matter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "96px",
      "h2": "56px",
      "body": "19px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#000000",
      "textColor": "#FFFFFF",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#0F0F0E",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20aria-hidden%3D%22true%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7882%209.6695L14.0305%208.22295V9.83631L10.7882%2011.2703V9.66861V9.6695ZM17.0011%205.81681V14.1832C17.0011%2014.4513%2016.8001%2014.7607%2016.5523%2014.8746L9.9494%2017.9148C9.70162%2018.0287%209.29966%2018.0287%209.05188%2017.9148L7.70927%2017.2969V8.62831C7.70927%208.37092%207.90199%208.07229%208.14059%207.96198L12.7925%205.89124V5.05093C12.7925%204.79355%2012.5988%204.67427%2012.3611%204.78368L6.72089%207.3091C6.48229%207.41941%206.28957%207.71715%206.28957%207.97453V16.6422L4.83224%2015.9714V7.30013C4.83224%207.04275%205.02496%206.74411%205.26356%206.6347L9.91544%204.56396V3.72365C9.91544%203.46627%209.72181%203.34699%209.48412%203.4564L3.84386%205.98182C3.60526%206.09213%203.41254%206.38987%203.41254%206.64725V15.3176L2.44986%2014.8746C2.20208%2014.7607%202.0011%2014.4513%202.0011%2014.1832V5.81681C2.0011%205.54866%202.20208%205.23926%202.44986%205.12536L9.05188%202.08518C9.29966%201.97128%209.70162%201.97128%209.9494%202.08518L16.5523%205.12536C16.8001%205.23926%2017.0011%205.54866%2017.0011%205.81681ZM15.5887%206.75756C15.5887%206.40153%2015.273%206.16477%2014.8601%206.34592L9.66399%208.64535C9.42355%208.75117%209.22991%209.04622%209.22991%209.30361V9.34038V16.1068C9.22991%2016.3642%209.42447%2016.4871%209.66491%2016.3812L14.8812%2014.0737C15.2905%2013.8845%2015.5897%2013.5204%2015.5897%2013.0065V11.3394C15.5897%2011.3394%2015.5887%2011.3403%2015.5878%2011.3412C15.5878%2010.5941%2014.984%2010.6058%2014.7316%2010.5394C14.5912%2010.5026%2014.5903%2010.3672%2014.7307%2010.2784C14.8564%2010.1986%2015.5897%209.8677%2015.5897%208.79422V6.75846L15.5887%206.75756ZM10.7882%2014.3724L13.0201%2013.385V13.3886L14.0305%2012.9375V11.3474L10.7882%2012.794V14.3724Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://www.withbenchmark.com/icon.svg?8605c045c1a185ac",
    "ogImage": "https://withbenchmark.com/opengraph-image?7f564aa127c233a4",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, aligning with the brand 'Benchmark'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 2,
      "text": "Ask Benchmark",
      "reasoning": "Button #2 ('Ask Benchmark') has a distinct dark background (#000000) and stands out as a primary CTA due to its contrast and unique color compared to the other buttons."
    },
    "secondary": {
      "index": 0,
      "text": "Request a Demo",
      "reasoning": "Button #0 ('Request a Demo') is chosen as secondary due to its lighter background (#FFFFFF) and supportive action text, differentiating it from the primary button."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "investment firms and professionals"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.9,
    "overall": 0.9
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, aligning with the brand 'Benchmark'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```