bland.json

Bland Brand Identity

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

Quick Facts

Field Value
Primary #CA2719
Accent #CA071A
Body Font Taurusgroteskroman Vf
Heading Font Taurusgrotesk

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: enterprises

Bland 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": "Taurusgrotesk",
      "role": "heading"
    },
    {
      "family": "Taurusgroteskroman Vf",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#CA2719",
    "accent": "#CA071A",
    "background": "#FFFDF5",
    "textPrimary": "#151515",
    "link": "#CA071A"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Taurusgroteskroman Vf",
      "heading": "Taurusgrotesk"
    },
    "fontStacks": {
      "heading": [
        "Taurusgrotesk",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Taurusgrotesk",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Taurusgrotesk",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "18px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#FFFDF5",
      "borderColor": null,
      "borderRadius": "8px",
      "borderRadiusCorners": {
        "topLeft": "8px",
        "topRight": "8px",
        "bottomRight": "8px",
        "bottomLeft": "8px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#CA071A",
      "textColor": "#FFFFFF",
      "borderColor": "#CA071A",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#151515",
      "textColor": "#FDF9EC",
      "borderColor": "#A1A09B",
      "borderRadius": "2px",
      "borderRadiusCorners": {
        "topLeft": "2px",
        "topRight": "2px",
        "bottomRight": "2px",
        "bottomLeft": "2px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20111%2028%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M110.052%200H102.057C101.921%200%20101.812%200.1086%20101.812%200.244349V2.30096C101.812%202.43671%20101.704%202.54531%20101.568%202.54531H91.6311C88.4986%202.54531%2085.8651%204.6664%2085.0811%207.55108H85.0777C85.0489%207.65459%2084.9556%207.73264%2084.8419%207.73264C84.7282%207.73264%2084.6348%207.65628%2084.6077%207.55108H84.6043C83.8221%204.6664%2081.1868%202.54531%2078.0544%202.54531H66.1763C63.3137%202.54531%2060.8668%204.31684%2059.869%206.82312C59.7706%207.07086%2059.4007%206.9979%2059.399%206.73149L59.3888%202.78966C59.3888%202.6556%2059.2785%202.54531%2059.1445%202.54531H40.7232C37.8623%202.54531%2035.4171%204.31514%2034.4176%206.81973C34.3192%207.06747%2033.9493%206.9945%2033.9476%206.7281L33.9357%200.244349C33.9357%200.110297%2033.8254%200%2033.6914%200H25.694C25.56%200%2025.4497%200.1086%2025.4497%200.244349L25.4378%206.7281C25.4378%206.9962%2025.0679%207.06917%2024.9678%206.81973C23.97%204.31514%2021.5231%202.54531%2018.6622%202.54531H8.72531C8.58956%202.54531%208.48096%202.43671%208.48096%202.30096V0.244349C8.48096%200.1086%208.37236%200%208.23661%200H0.244349C0.1086%200%200%200.1086%200%200.244349V10.7853C0%2010.9211%200.1086%2011.0297%200.244349%2011.0297H110.052C110.188%2011.0297%20110.297%2010.9211%20110.297%2010.7853V0.244349C110.297%200.1086%20110.188%200%20110.052%200Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(21%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M110.053%2019.5139H0.277553C0.141803%2019.5139%200.0332031%2019.6225%200.0332031%2019.7583V27.7539C0.0332031%2027.8897%200.141803%2027.9983%200.277553%2027.9983H18.6665C21.5292%2027.9983%2023.9761%2026.2267%2024.9738%2023.7205C25.0722%2023.4727%2025.4422%2023.5457%2025.4438%2023.8121L25.454%2027.7556C25.454%2027.8897%2025.5643%2028%2025.6984%2028H33.6957C33.8298%2028%2033.9401%2027.8914%2033.9401%2027.7556L33.9503%2023.8121C33.9503%2023.5457%2034.3219%2023.471%2034.4203%2023.7205C35.4181%2026.2267%2037.8649%2027.9983%2040.7276%2027.9983H84.6019C84.7359%2027.9983%2084.8462%2027.8897%2084.8462%2027.7539L84.8564%2023.8121C84.8564%2023.5457%2085.228%2023.471%2085.3264%2023.7205C86.3242%2026.2267%2088.7711%2027.9983%2091.6337%2027.9983H110.055C110.191%2027.9983%20110.299%2027.8897%20110.299%2027.7539V19.7583C110.299%2019.6225%20110.191%2019.5139%20110.055%2019.5139H110.053Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(21%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M110.297%2015.291C110.297%2016.1456%20109.636%2016.7666%20108.821%2016.7666C108.007%2016.7666%20107.346%2016.1456%20107.346%2015.291C107.346%2014.4364%20108.007%2013.8154%20108.821%2013.8154C109.636%2013.8154%20110.297%2014.4364%20110.297%2015.291ZM109.99%2015.291C109.99%2014.61%20109.489%2014.0892%20108.821%2014.0892C108.154%2014.0892%20107.653%2014.61%20107.653%2015.291C107.653%2015.972%20108.154%2016.4928%20108.821%2016.4928C109.489%2016.4928%20109.99%2015.972%20109.99%2015.291ZM108.581%2015.3911V16.0588H108.214V14.5031H108.961C109.295%2014.5031%20109.496%2014.6834%20109.496%2014.9438C109.496%2015.1374%20109.375%2015.3244%20109.128%2015.3778L109.562%2016.0588H109.155L108.734%2015.3911H108.581ZM108.895%2014.7635H108.581V15.1374H108.895C109.042%2015.1374%20109.108%2015.0506%20109.108%2014.9505C109.108%2014.8437%20109.042%2014.7635%20108.895%2014.7635Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(21%2C%2021%2C%2021)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://cdn.prod.website-files.com/66cddff3a7bb08f0bc015747/69ce9536dd18e895f0865583_favicon.png",
    "ogImage": "https://cdn.prod.website-files.com/66cddff3a7bb08f0bc015747/678198b4ff9b9067e073e57e_og_image.jpg",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which are strong indicators of the main brand logo.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 3,
      "text": "Continue",
      "reasoning": "Button #3 has a vibrant brand color (#CA071A) which aligns with the accent color, making it the most prominent CTA."
    },
    "secondary": {
      "index": 0,
      "text": "Book a demo",
      "reasoning": "Button #0 has a dark background (#151515), providing a clear contrast to the primary button's vibrant color, making it suitable as a secondary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "enterprises"
  },
  "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, and links to the homepage, which are strong indicators of the main brand logo.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}