# Bond Brand Identity A complete profile of **Bond**'s visual system — colors, typography, components, and personality — extracted from [https://www.bondapp.io/](https://www.bondapp.io/). Built for designers, agents, and AI tools. ## Color Palette Brand palette extracted from https://www.bondapp.io/. - **primary**: `#0000EE` - **secondary**: `#D7A58E` - **accent**: `#AD725C` - **background**: `#F1F2F3` - **textPrimary**: `#AD725C` - **link**: `#AD725C` ## Typography Each font links to its Google Fonts page where available. - **primary**: Aeonik Pro Regular - **heading**: Aeonik Pro Medium ## Visual Assets %2522%3E%3C%2Fpath%3E%3C%2Fsvg%3E) ## UI Components Live previews rendered using Bond's actual button styles. - **Button Primary** background: `#AD725C` textColor: `#0000EE` borderRadius: `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` ## Brand Personality - **Tone**: modern - **Energy**: medium - **Audience**: business professionals ## Bond Brand in the Wild Real-world brand assets — ads, campaigns, and marketing materials. Source: [bondapp.io](https://www.bondapp.io/) Source: [bondapp.io](https://www.bondapp.io/) Source: [bondapp.io](https://www.bondapp.io/) Source: [bondapp.io](https://www.bondapp.io/) Source: [bondapp.io](https://www.bondapp.io/) Source: [bondapp.io](https://www.bondapp.io/) ## Frequently Asked Questions 1. **What is Bond's primary brand color?** Bond's primary brand color is `#0000EE`. It anchors the visual identity across their website, product UI, and marketing materials. 2. **What accent color does Bond use?** Bond uses `#AD725C` as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis. 3. **What font does Bond use?** Bond uses Aeonik Pro Regular for body text and Aeonik Pro Medium for headings. Fonts were detected on https://www.bondapp.io/ as part of their live design system. 4. **Does Bond use a light or dark theme?** Bond's primary site uses a light color scheme, with a background of `#F1F2F3`. 5. **Where can I find Bond's logo?** Bond's logo is available directly on their site (https://www.bondapp.io/). The current logo URL is included in the machine-readable JSON profile linked above. 6. **How was this brand profile generated?** This profile was extracted from https://www.bondapp.io/ 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 Bond. ## Methodology Brand data on this page was extracted from [https://www.bondapp.io/](https://www.bondapp.io/) on 2026-07-27 using the [Firecrawl](https://firecrawl.dev/) branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by **CharacterQuilt** and is not affiliated with or endorsed by Bond. ## Machine-Readable Profile Direct endpoints for agents, designers, and tooling. No login or auth required. ```json { "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": "./" } ``` ## Related Brand Profiles - [Zapier](/content/branding/zapier/index.html) - [Scale AI](/content/branding/scale-ai/index.html) - [Fivetran](/content/branding/fivetran/index.html) - [Stripe](/content/branding/stripe/index.html) - [PagerDuty](/content/branding/pagerduty/index.html) - [Brex](/content/branding/brex/index.html)