bond.json

Bond Brand Identity

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

Quick Facts

Field Value
Primary #0000EE
Accent #AD725C
Body Font Aeonik Pro Regular
Heading Font Aeonik Pro Medium

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: business professionals

Bond Brand in the Wild

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

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Aeonik Pro Medium",
      "role": "heading"
    },
    {
      "family": "Aeonik Pro Regular",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0000EE",
    "secondary": "#D7A58E",
    "accent": "#AD725C",
    "background": "#F1F2F3",
    "textPrimary": "#AD725C",
    "link": "#AD725C"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Aeonik Pro Regular",
      "heading": "Aeonik Pro Medium"
    },
    "fontStacks": {
      "heading": [
        "Aeonik Pro Medium",
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Aeonik Pro Medium",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "62px",
      "h2": "46px",
      "body": "13px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#AD725C",
      "textColor": "#0000EE",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "rgba(255, 255, 255, 0.07) 0px 0.706592px 0.706592px -0.625px, rgba(255, 255, 255, 0.07) 0px 1.80656px 1.80656px -1.25px, rgba(255, 255, 255, 0.07) 0px 3.62176px 3.62176px -1.875px, rgba(255, 255, 255, 0.06) 0px 6.8656px 6.8656px -2.5px, rgba(255, 255, 255, 0.05) 0px 13.6468px 13.6468px -3.125px, rgba(255, 255, 255, 0.03) 0px 30px 30px -3.75px"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%2522http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%2522%20xmlns%3Axlink%3D%2522http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%2522%20viewBox%3D%25220%200%2099%2019.57%2522%20overflow%3D%2522visible%2522%3E%3Cpath%20d%3D%2522M%2015.233%2013.959%20C%2015.233%2015.01%2015.014%2015.896%2014.603%2016.606%20C%2014.18%2017.328%2013.614%2017.898%2012.921%2018.328%20C%2012.227%2018.759%2011.431%2019.076%2010.532%2019.266%20C%209.646%2019.456%208.721%2019.557%207.783%2019.557%20L%200%2019.557%20L%200%200.291%20L%207.783%200.291%20C%208.541%200.291%209.312%200.367%2010.095%200.519%20C%2010.892%200.671%2011.611%200.937%2012.253%201.305%20C%2012.895%201.672%2013.422%202.179%2013.82%202.812%20C%2014.231%203.445%2014.424%204.256%2014.424%205.231%20C%2014.424%206.207%2014.128%207.182%2013.537%207.891%20C%2012.947%208.588%2012.176%209.095%2011.225%209.399%20L%2011.225%209.449%20C%2011.778%209.538%2012.292%209.703%2012.78%209.956%20C%2013.268%2010.197%2013.691%2010.513%2014.051%2010.893%20C%2014.411%2011.273%2014.693%2011.717%2014.912%2012.223%20C%2015.117%2012.73%2015.233%2013.3%2015.233%2013.933%20Z%20M%209.877%205.865%20C%209.877%205.206%209.62%204.737%209.119%204.433%20C%208.618%204.129%207.86%203.99%206.871%203.99%20L%204.56%203.99%20L%204.56%207.967%20L%207.103%207.967%20C%207.989%207.967%208.67%207.79%209.158%207.435%20C%209.646%207.081%209.89%206.561%209.89%205.865%20Z%20M%2010.519%2013.515%20C%2010.519%2012.717%2010.211%2012.16%209.607%2011.856%20C%209.004%2011.552%208.194%2011.387%207.18%2011.387%20L%204.56%2011.387%20L%204.56%2015.795%20L%207.205%2015.795%20C%207.578%2015.795%207.95%2015.77%208.348%2015.694%20C%208.747%2015.63%209.106%2015.516%209.427%2015.352%20C%209.748%2015.187%2010.018%2014.959%2010.211%2014.655%20C%2010.416%2014.351%2010.519%2013.971%2010.519%2013.503%20Z%20M%2070.821%2019.557%20L%2062.96%206.954%20L%2062.883%206.954%20L%2062.999%2019.557%20L%2058.414%2019.557%20L%2058.414%200.291%20L%2063.795%200.291%20L%2071.63%2012.869%20L%2071.707%2012.869%20L%2071.591%200.291%20L%2076.177%200.291%20L%2076.177%2019.557%20Z%20M%2099%209.867%20C%2099%2011.552%2098.679%2013.009%2098.05%2014.237%20C%2097.42%2015.466%2096.573%2016.466%2095.532%2017.264%20C%2094.492%2018.05%2093.323%2018.632%2092.013%2019.012%20C%2090.703%2019.38%2089.38%2019.57%2088.031%2019.57%20L%2080.749%2019.57%20L%2080.749%200.291%20L%2087.813%200.291%20C%2089.187%200.291%2090.549%200.456%2091.897%200.773%20C%2093.246%201.089%2094.44%201.621%2095.481%202.356%20C%2096.534%203.091%2097.382%204.079%2098.024%205.307%20C%2098.666%206.536%2098.987%208.069%2098.987%209.88%20Z%20M%2094.081%209.867%20C%2094.081%208.778%2093.901%207.879%2093.541%207.157%20C%2093.182%206.435%2092.707%205.865%2092.103%205.447%20C%2091.499%205.016%2090.819%204.712%2090.061%204.535%20C%2089.29%204.357%2088.507%204.256%2087.697%204.256%20L%2085.347%204.256%20L%2085.347%2015.529%20L%2087.582%2015.529%20C%2088.43%2015.529%2089.239%2015.428%2090.022%2015.238%20C%2090.806%2015.048%2091.499%2014.731%2092.09%2014.3%20C%2092.694%2013.87%2093.169%2013.287%2093.529%2012.553%20C%2093.888%2011.831%2094.068%2010.931%2094.068%209.855%20Z%20M%2054.047%205.003%20C%2053.405%203.775%2052.557%202.787%2051.504%202.052%20C%2050.45%201.317%2049.256%200.785%2047.92%200.469%20C%2046.584%200.165%2045.223%200%2043.836%200%20L%2029.798%200%20C%2028.41%200%2027.049%200.165%2025.713%200.481%20C%2024.365%200.798%2023.17%201.33%2022.117%202.065%20C%2021.064%202.799%2020.229%203.787%2019.574%205.016%20C%2018.932%206.257%2018.611%207.777%2018.611%209.589%20C%2018.611%2011.4%2018.932%2012.73%2019.561%2013.959%20C%2020.203%2015.174%2021.038%2016.188%2022.078%2016.973%20C%2023.119%2017.758%2024.288%2018.341%2025.598%2018.708%20C%2026.908%2019.088%2028.231%2019.266%2029.566%2019.266%20L%2044.054%2019.266%20C%2045.403%2019.266%2046.726%2019.076%2048.023%2018.708%20C%2049.32%2018.341%2050.502%2017.758%2051.542%2016.973%20C%2052.583%2016.188%2053.417%2015.174%2054.047%2013.959%20C%2054.676%2012.73%2055.01%2011.273%2055.01%209.589%20C%2055.01%207.904%2054.689%206.245%2054.034%205.016%20Z%20M%2049.577%2012.274%20C%2049.205%2013.009%2048.729%2013.579%2048.139%2014.009%20C%2047.548%2014.44%2046.854%2014.756%2046.071%2014.946%20C%2045.287%2015.136%2044.478%2015.225%2043.63%2015.225%20L%2041.396%2015.225%20C%2041.396%2015.212%2032.264%2015.212%2032.264%2015.212%20C%2032.264%2015.225%2030.029%2015.225%2030.029%2015.225%20C%2029.181%2015.225%2028.372%2015.124%2027.588%2014.946%20C%2026.805%2014.756%2026.111%2014.44%2025.521%2014.009%20C%2024.93%2013.579%2024.442%2012.996%2024.082%2012.274%20C%2023.722%2011.552%2023.543%2010.653%2023.543%209.589%20C%2023.543%208.525%2023.722%207.6%2024.082%206.878%20C%2024.442%206.169%2024.917%205.599%2025.521%205.168%20C%2026.111%204.75%2026.805%204.433%2027.563%204.256%20C%2028.321%204.066%2029.117%203.977%2029.913%203.977%20L%2043.733%203.977%20C%2044.555%203.977%2045.326%204.066%2046.096%204.256%20C%2046.867%204.433%2047.535%204.737%2048.139%205.168%20C%2048.729%205.599%2049.217%206.169%2049.577%206.878%20C%2049.937%207.6%2050.117%208.499%2050.117%209.589%20C%2050.117%2010.678%2049.937%2011.565%2049.577%2012.274%20Z%2522%20fill%3D%2522rgb(43%2C43%2C44)%2522%3E%3C%2Fpath%3E%3C%2Fsvg%3E","favicon":"https://framerusercontent.com/images/ojlNihCTIQi8tMGTYJ2HFOmjTag.png","ogImage":"https://framerusercontent.com/assets/ojlNihCTIQi8tMGTYJ2HFOmjTag.png","logoHref":"./"},"__llm_logo_reasoning":{"selectedIndex":0,"reasoning":"Selected #0 because it is located in the header, is visible, and links to the homepage, which are strong indicators of a primary brand logo.","confidence":0.9,"source":"llm"},"__llm_button_reasoning":{"primary":{"index":0,"text":"Book a DemoBook a Demo","reasoning":"The button with text 'Book a Demo' uses a vibrant and brand-associated color (#AD725C), making it the primary call-to-action."},"secondary":{"index":-1,"text":"N/A","reasoning":"There is only one button detected, so no secondary button is available."},"confidence":0.9},"personality":{"tone":"modern","energy":"medium","targetAudience":"business professionals"},"designSystem":{"framework":"custom","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, which are strong indicators of a primary brand logo.","confidence":0.9}},"buttonClassification":{"llmCalled":true,"llmSucceeded":true}}}