# DataStax Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #0F62FE |
| Accent | #0F62FE |
| Body Font | IBM Plex Sans |
| Heading Font | IBM Plex Sans |

## Color Palette

- primary: #0F62FE
- secondary: #A6C8FF
- accent: #0F62FE
- background: #FFFFFF
- textPrimary: #161616
- link: #0062FE

## Typography

- primary: IBM Plex Sans — https://fonts.google.com/specimen/IBM+Plex+Sans
- heading: IBM Plex Sans — https://fonts.google.com/specimen/IBM+Plex+Sans

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20focusable%3D%22false%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20class%3D%22c4d--footer-logo__logo%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20role%3D%22img%22%20aria-labelledby%3D%22footer-logo%22%20width%3D%22157%22%20height%3D%2265%22%20viewBox%3D%220%200%20157%2065%22%20data-fc-idx%3D%220%22%3E%3C!--%3Flit%24854335893%24--%3E%3Cpath%20d%3D%22M30.4436498%2C60.2076728%20L30.4436498%2C64.2376746%20L-2.91322522e-13%2C64.2376746%20L-2.91322522e-13%2C60.2076728%20L30.4436498%2C60.2076728%20Z%20M108.735358%2C60.2067171%20L108.735358%2C64.2376746%20L86.9826603%2C64.2376746%20L86.9826603%2C60.2067171%20L108.735358%2C60.2067171%20Z%20M156.592795%2C60.2067171%20L156.592795%2C64.2376746%20L134.840096%2C64.2376746%20L134.840096%2C60.2067171%20L156.592795%2C60.2067171%20Z%20M123.176704%2C60.2067171%20L121.779475%2C64.2376746%20L120.398188%2C60.2067171%20L123.176704%2C60.2067171%20Z%20M34.7933454%2C60.2078639%20L77.5682441%2C60.2078639%20C74.7705526%2C62.6327259%2071.1773563%2C64.1319583%2067.2410591%2C64.2324704%20L66.8180207%2C64.2378657%20L34.7933454%2C64.2378657%20L34.7933454%2C60.2078639%20L77.5682441%2C60.2078639%20Z%20M30.4436498%2C51.7462936%20L30.4436498%2C55.7762954%20L-2.91322522e-13%2C55.7762954%20L-2.91322522e-13%2C51.7462936%20L30.4436498%2C51.7462936%20Z%20M82.8448933%2C51.7469625%20C82.5134031%2C52.9954078%2082.0440654%2C54.1860508%2081.4563549%2C55.3022459%20L81.1972884%2C55.7760087%20L34.7933454%2C55.7760087%20L34.7933454%2C51.7469625%20L82.8448933%2C51.7469625%20Z%20M156.592795%2C51.742471%20L156.592795%2C55.7734284%20L134.840096%2C55.7734284%20L134.840096%2C51.742471%20L156.592795%2C51.742471%20Z%20M108.735358%2C51.742471%20L108.735358%2C55.7734284%20L86.9826603%2C55.7734284%20L86.9826603%2C51.742471%20L108.735358%2C51.742471%20Z%20M126.109666%2C51.7420887%20L124.712437%2C55.7730462%20L118.86283%2C55.7730462%20L117.466539%2C51.7420887%20L126.109666%2C51.7420887%20Z%20M21.7451962%2C43.2849144%20L21.7451962%2C47.3149162%20L8.69751584%2C47.3149162%20L8.69751584%2C43.2849144%20L21.7451962%2C43.2849144%20Z%20M82.940355%2C43.2851055%20C83.2119472%2C44.4164829%2083.378718%2C45.588834%2083.4161671%2C46.7957568%20L83.4242276%2C47.3151073%20L68.7955217%2C47.3151073%20L68.7955217%2C43.2851055%20L82.940355%2C43.2851055%20Z%20M56.5390105%2C43.2849144%20L56.5390105%2C47.3149162%20L43.4913301%2C47.3149162%20L43.4913301%2C43.2849144%20L56.5390105%2C43.2849144%20Z%20M129.041034%2C43.2784159%20L127.644742%2C47.3084177%20L115.930525%2C47.3084177%20L114.534234%2C43.2784159%20L129.041034%2C43.2784159%20Z%20M147.891528%2C43.2782248%20L147.891528%2C47.3082266%20L134.840096%2C47.3082266%20L134.840096%2C43.2782248%20L147.891528%2C43.2782248%20Z%20M108.735358%2C43.2782248%20L108.735358%2C47.3082266%20L95.6839271%2C47.3082266%20L95.6839271%2C43.2782248%20L108.735358%2C43.2782248%20Z%20M21.7451962%2C34.8235352%20L21.7451962%2C38.853537%20L8.69751584%2C38.853537%20L8.69751584%2C34.8235352%20L21.7451962%2C34.8235352%20Z%20M77.8615684%2C34.8232485%20C78.9907919%2C35.873419%2079.9779764%2C37.0776317%2080.7882576%2C38.4059297%20L81.0517515%2C38.8532503%20L43.4916115%2C38.8532503%20L43.4916115%2C34.8232485%20L77.8615684%2C34.8232485%20Z%20M108.735358%2C34.8139786%20L108.735358%2C38.8449361%20L95.6839271%2C38.8449361%20L95.6839271%2C34.8139786%20L108.735358%2C34.8139786%20Z%20M147.891528%2C34.8139786%20L147.891528%2C38.8449361%20L134.840096%2C38.8449361%20L134.840096%2C34.8139786%20L147.891528%2C34.8139786%20Z%20M131.973433%2C34.8136919%20L130.577142%2C38.8446494%20L112.998313%2C38.8446494%20L111.602022%2C34.8136919%20L131.973433%2C34.8136919%20Z%20M81.1948503%2C26.3623471%20C80.4234674%2C27.7178498%2079.472067%2C28.9518216%2078.3755133%2C30.0356991%20L78.0046671%2C30.3913933%20L43.4912364%2C30.3913933%20L43.4912364%2C26.3623471%20L81.1948503%2C26.3623471%20Z%20M21.7451962%2C26.362156%20L21.7451962%2C30.3912022%20L8.69751584%2C30.3912022%20L8.69751584%2C26.362156%20L21.7451962%2C26.362156%20Z%20M147.891528%2C26.3490635%20L147.891528%2C30.380021%20L134.840096%2C30.380021%20L134.839345%2C26.5412738%20L133.509447%2C30.380021%20L122.054045%2C30.380021%20L123.426893%2C26.3490635%20L147.891528%2C26.3490635%20Z%20M120.148562%2C26.3492547%20L121.52141%2C30.3802121%20L110.06507%2C30.3802121%20L108.735358%2C26.5413415%20L108.735358%2C30.3802121%20L95.6839271%2C30.3802121%20L95.6839271%2C26.3492547%20L120.148562%2C26.3492547%20Z%20M21.7451962%2C17.9007768%20L21.7451962%2C21.9307786%20L8.69751584%2C21.9307786%20L8.69751584%2C17.9007768%20L21.7451962%2C17.9007768%20Z%20M83.4242276%2C17.900299%20C83.4242276%2C19.1161325%2083.2914058%2C20.2997723%2083.0502626%2C21.4428957%20L82.940355%2C21.9303008%20L68.7955217%2C21.9303008%20L68.7955217%2C17.900299%20L83.4242276%2C17.900299%20Z%20M56.5390105%2C17.8998212%20L56.5390105%2C21.929823%20L43.4913301%2C21.929823%20L43.4913301%2C17.8998212%20L56.5390105%2C17.8998212%20Z%20M147.891434%2C17.8846262%20L147.891434%2C21.9155837%20L124.936556%2C21.9155837%20L126.307529%2C17.8846262%20L147.891434%2C17.8846262%20Z%20M117.266988%2C17.8844351%20L118.638898%2C21.9153926%20L95.6840208%2C21.9153926%20L95.6840208%2C17.8844351%20L117.266988%2C17.8844351%20Z%20M30.4436498%2C9.43844199%20L30.4436498%2C13.4684438%20L-2.91322522e-13%2C13.4684438%20L-2.91322522e-13%2C9.43844199%20L30.4436498%2C9.43844199%20Z%20M81.197476%2C9.43844199%20C81.8186099%2C10.5338628%2082.324153%2C11.7053777%2082.6946307%2C12.9369814%20L82.8450809%2C13.4684438%20L34.793533%2C13.4684438%20L34.793533%2C9.43844199%20L81.197476%2C9.43844199%20Z%20M156.593451%2C9.41971113%20L156.593451%2C13.4506686%20L127.817099%2C13.4506686%20L129.189946%2C9.41971113%20L156.593451%2C9.41971113%20Z%20M114.385696%2C9.41999783%20L115.757606%2C13.4509553%20L86.9821914%2C13.4509553%20L86.9821914%2C9.41999783%20L114.385696%2C9.41999783%20Z%20M30.4436498%2C0.978018462%20L30.4436498%2C5.00706462%20L-2.91322522e-13%2C5.00706462%20L-2.91322522e-13%2C0.978018462%20L30.4436498%2C0.978018462%20Z%20M66.818302%2C0.977540633%20C70.7785294%2C0.977540633%2074.4118131%2C2.3931571%2077.2657493%2C4.75043913%20L77.5685254%2C5.00658679%20L34.7936268%2C5.00658679%20L34.7936268%2C0.977540633%20L66.818302%2C0.977540633%20Z%20M156.592607%2C0.956229502%20L156.592607%2C4.98718697%20L130.69886%2C4.98718697%20L132.07077%2C0.956229502%20L156.592607%2C0.956229502%20Z%20M111.495495%2C0.955273846%20L112.867405%2C4.98527566%20L86.9820976%2C4.98527566%20L86.9820976%2C0.955273846%20L111.495495%2C0.955273846%20Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://www.ibm.com/content/dam/adobe-cms/default-images/icon-16x16.png
- Social card (og:image): https://www.ibm.com/content/dam/connectedassets-adobe-cms/worldwide-content/creative-assets/s-migr/ul/g/d8/31/datastax-overview-leadspace.png/_jcr_content/renditions/cq5dam.thumbnail.1280.1280.png

## UI Components

- buttonPrimary: background=#0F62FE, textColor=#FFFFFF, borderRadius=0px, shadow=none
- buttonSecondary: background=#F4F4F4, textColor=#161616, borderRadius=0px, shadow=none

## Brand Personality

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

## DataStax Brand in the Wild

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

- **How to Build a Simple AI Agent with Langflow and Composio | DataStax**
  - Image: https://cdn.sanity.io/images/bbnkhnhl/production/e461f2c03908e13f3bc295b620fe2f5483267716-3024x4032.jpg?w=3840&q=75&fit=clip&auto=format
  - Source: https://preview.datastax.com/blog/build-simple-ai-agent-with-langflow-composio
- **Generate Personalized Action Figures and Mythical Creatures using next.js  and AI with Langflow | Langflow | Low-code AI builder for agentic and RAG  applications**
  - Image: https://www.langflow.org/content/images/posts/1ac83095bb17c671a17188589e70d34a66d9589c-2000x1105.png
  - Source: https://www.datastax.com/blog/generate-personalized-mythical-creatures-with-langflow
- **Sparkとは | DSE 5.1開発者ガイド**
  - Image: https://docs.datastax.com/ja/dse/5.1/dse-dev/datastax_enterprise/images/sparkCommunication.png
  - Source: https://docs.datastax.com/ja/dse/5.1/dse-dev/datastax_enterprise/spark/sparkIntro.html
- **Generate Personalized Action Figures and Mythical Creatures using next.js  and AI with Langflow | Langflow | Low-code AI builder for agentic and RAG  applications**
  - Image: https://www.langflow.org/content/images/posts/ec7a11a314c5345367bba3c92ea680a7cd3949ec-1600x970.png
  - Source: https://www.datastax.com/blog/generate-personalized-mythical-creatures-with-langflow
- **Jason McClelland ...**
  - Image: https://cdn.sanity.io/images/bbnkhnhl/production/3bf16fa722d3b4ce965fe42e4b10165515269b4b-1460x968.jpg?w=3840&q=75&fit=clip&auto=format
  - Source: https://preview.datastax.com/our-people/jason-mcclelland
- **Top 3 Mistakes I Made While Building AI Agents | Langflow | Low-code AI  builder for agentic and RAG applications**
  - Image: https://www.langflow.org/content/images/posts/e15f6add988fc941c00e1f200fbbbdb226089ea6-1920x1273.jpg
  - Source: https://www.datastax.com/blog/top-three-mistakes-building-agents

## 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": "IBM Plex Sans",
      "role": "body"
    },
    {
      "family": "Helvetica Neue",
      "role": "unknown"
    },
    {
      "family": "Arial",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#0F62FE",
    "secondary": "#A6C8FF",
    "accent": "#0F62FE",
    "background": "#FFFFFF",
    "textPrimary": "#161616",
    "link": "#0062FE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "IBM Plex Sans",
      "heading": "IBM Plex Sans"
    },
    "fontStacks": {
      "heading": [
        "IBM Plex Sans",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "IBM Plex Sans",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "IBM Plex Sans",
        "Helvetica Neue",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "60px",
      "body": "24px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#0F62FE",
      "textColor": "#FFFFFF",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F4F4F4",
      "textColor": "#161616",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20focusable%3D%22false%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20class%3D%22c4d--footer-logo__logo%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20role%3D%22img%22%20aria-labelledby%3D%22footer-logo%22%20width%3D%22157%22%20height%3D%2265%22%20viewBox%3D%220%200%20157%2065%22%20data-fc-idx%3D%220%22%3E%3C!--%3Flit%24854335893%24--%3E%3Cpath%20d%3D%22M30.4436498%2C60.2076728%20L30.4436498%2C64.2376746%20L-2.91322522e-13%2C64.2376746%20L-2.91322522e-13%2C60.2076728%20L30.4436498%2C60.2076728%20Z%20M108.735358%2C60.2067171%20L108.735358%2C64.2376746%20L86.9826603%2C64.2376746%20L86.9826603%2C60.2067171%20L108.735358%2C60.2067171%20Z%20M156.592795%2C60.2067171%20L156.592795%2C64.2376746%20L134.840096%2C64.2376746%20L134.840096%2C60.2067171%20L156.592795%2C60.2067171%20Z%20M123.176704%2C60.2067171%20L121.779475%2C64.2376746%20L120.398188%2C60.2067171%20L123.176704%2C60.2067171%20Z%20M34.7933454%2C60.2078639%20L77.5682441%2C60.2078639%20C74.7705526%2C62.6327259%2071.1773563%2C64.1319583%2067.2410591%2C64.2324704%20L66.8180207%2C64.2378657%20L34.7933454%2C64.2378657%20L34.7933454%2C60.2078639%20L77.5682441%2C60.2078639%20Z%20M30.4436498%2C51.7462936%20L30.4436498%2C55.7762954%20L-2.91322522e-13%2C55.7762954%20L-2.91322522e-13%2C51.7462936%20L30.4436498%2C51.7462936%20Z%20M82.8448933%2C51.7469625%20C82.5134031%2C52.9954078%2082.0440654%2C54.1860508%2081.4563549%2C55.3022459%20L81.1972884%2C55.7760087%20L34.7933454%2C55.7760087%20L34.7933454%2C51.7469625%20L82.8448933%2C51.7469625%20Z%20M156.592795%2C51.742471%20L156.592795%2C55.7734284%20L134.840096%2C55.7734284%20L134.840096%2C51.742471%20L156.592795%2C51.742471%20Z%20M108.735358%2C51.742471%20L108.735358%2C55.7734284%20L86.9826603%2C55.7734284%20L86.9826603%2C51.742471%20L108.735358%2C51.742471%20Z%20M126.109666%2C51.7420887%20L124.712437%2C55.7730462%20L118.86283%2C55.7730462%20L117.466539%2C51.7420887%20L126.109666%2C51.7420887%20Z%20M21.7451962%2C43.2849144%20L21.7451962%2C47.3149162%20L8.69751584%2C47.3149162%20L8.69751584%2C43.2849144%20L21.7451962%2C43.2849144%20Z%20M82.940355%2C43.2851055%20C83.2119472%2C44.4164829%2083.378718%2C45.588834%2083.4161671%2C46.7957568%20L83.4242276%2C47.3151073%20L68.7955217%2C47.3151073%20L68.7955217%2C43.2851055%20L82.940355%2C43.2851055%20Z%20M56.5390105%2C43.2849144%20L56.5390105%2C47.3149162%20L43.4913301%2C47.3149162%20L43.4913301%2C43.2849144%20L56.5390105%2C43.2849144%20Z%20M129.041034%2C43.2784159%20L127.644742%2C47.3084177%20L115.930525%2C47.3084177%20L114.534234%2C43.2784159%20L129.041034%2C43.2784159%20Z%20M147.891528%2C43.2782248%20L147.891528%2C47.3082266%20L134.840096%2C47.3082266%20L134.840096%2C43.2782248%20L147.891528%2C43.2782248%20Z%20M108.735358%2C43.2782248%20L108.735358%2C47.3082266%20L95.6839271%2C47.3082266%20L95.6839271%2C43.2782248%20L108.735358%2C43.2782248%20Z%20M21.7451962%2C34.8235352%20L21.7451962%2C38.853537%20L8.69751584%2C38.853537%20L8.69751584%2C34.8235352%20L21.7451962%2C34.8235352%20Z%20M77.8615684%2C34.8232485%20C78.9907919%2C35.873419%2079.9779764%2C37.0776317%2080.7882576%2C38.4059297%20L81.0517515%2C38.8532503%20L43.4916115%2C38.8532503%20L43.4916115%2C34.8232485%20L77.8615684%2C34.8232485%20Z%20M108.735358%2C34.8139786%20L108.735358%2C38.8449361%20L95.6839271%2C38.8449361%20L95.6839271%2C34.8139786%20L108.735358%2C34.8139786%20Z%20M147.891528%2C34.8139786%20L147.891528%2C38.8449361%20L134.840096%2C38.8449361%20L134.840096%2C34.8139786%20L147.891528%2C34.8139786%20Z%20M131.973433%2C34.8136919%20L130.577142%2C38.8446494%20L112.998313%2C38.8446494%20L111.602022%2C34.8136919%20L131.973433%2C34.8136919%20Z%20M81.1948503%2C26.3623471%20C80.4234674%2C27.7178498%2079.472067%2C28.9518216%2078.3755133%2C30.0356991%20L78.0046671%2C30.3913933%20L43.4912364%2C30.3913933%20L43.4912364%2C26.3623471%20L81.1948503%2C26.3623471%20Z%20M21.7451962%2C26.362156%20L21.7451962%2C30.3912022%20L8.69751584%2C30.3912022%20L8.69751584%2C26.362156%20L21.7451962%2C26.362156%20Z%20M147.891528%2C26.3490635%20L147.891528%2C30.380021%20L134.840096%2C30.380021%20L134.839345%2C26.5412738%20L133.509447%2C30.380021%20L122.054045%2C30.380021%20L123.426893%2C26.3490635%20L147.891528%2C26.3490635%20Z%20M120.148562%2C26.3492547%20L121.52141%2C30.3802121%20L110.06507%2C30.3802121%20L108.735358%2C26.5413415%20L108.735358%2C30.3802121%20L95.6839271%2C30.3802121%20L95.6839271%2C26.3492547%20L120.148562%2C26.3492547%20Z%20M21.7451962%2C17.9007768%20L21.7451962%2C21.9307786%20L8.69751584%2C21.9307786%20L8.69751584%2C17.9007768%20L21.7451962%2C17.9007768%20Z%20M83.4242276%2C17.900299%20C83.4242276%2C19.1161325%2083.2914058%2C20.2997723%2083.0502626%2C21.4428957%20L82.940355%2C21.9303008%20L68.7955217%2C21.9303008%20L68.7955217%2C17.900299%20L83.4242276%2C17.900299%20Z%20M56.5390105%2C17.8998212%20L56.5390105%2C21.929823%20L43.4913301%2C21.929823%20L43.4913301%2C17.8998212%20L56.5390105%2C17.8998212%20Z%20M147.891434%2C17.8846262%20L147.891434%2C21.9155837%20L124.936556%2C21.9155837%20L126.307529%2C17.8846262%20L147.891434%2C17.8846262%20Z%20M117.266988%2C17.8844351%20L118.638898%2C21.9153926%20L95.6840208%2C21.9153926%20L95.6840208%2C17.8844351%20L117.266988%2C17.8844351%20Z%20M30.4436498%2C9.43844199%20L30.4436498%2C13.4684438%20L-2.91322522e-13%2C13.4684438%20L-2.91322522e-13%2C9.43844199%20L30.4436498%2C9.43844199%20Z%20M81.197476%2C9.43844199%20C81.8186099%2C10.5338628%2082.324153%2C11.7053777%2082.6946307%2C12.9369814%20L82.8450809%2C13.4684438%20L34.793533%2C13.4684438%20L34.793533%2C9.43844199%20L81.197476%2C9.43844199%20Z%20M156.593451%2C9.41971113%20L156.593451%2C13.4506686%20L127.817099%2C13.4506686%20L129.189946%2C9.41971113%20L156.593451%2C9.41971113%20Z%20M114.385696%2C9.41999783%20L115.757606%2C13.4509553%20L86.9821914%2C13.4509553%20L86.9821914%2C9.41999783%20L114.385696%2C9.41999783%20Z%20M30.4436498%2C0.978018462%20L30.4436498%2C5.00706462%20L-2.91322522e-13%2C5.00706462%20L-2.91322522e-13%2C0.978018462%20L30.4436498%2C0.978018462%20Z%20M66.818302%2C0.977540633%20C70.7785294%2C0.977540633%2074.4118131%2C2.3931571%2077.2657493%2C4.75043913%20L77.5685254%2C5.00658679%20L34.7936268%2C5.00658679%20L34.7936268%2C0.977540633%20L66.818302%2C0.977540633%20Z%20M156.592607%2C0.956229502%20L156.592607%2C4.98718697%20L130.69886%2C4.98718697%20L132.07077%2C0.956229502%20L156.592607%2C0.956229502%20Z%20M111.495495%2C0.955273846%20L112.867405%2C4.98527566%20L86.9820976%2C4.98527566%20L86.9820976%2C0.955273846%20L111.495495%2C0.955273846%20Z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://www.ibm.com/content/dam/adobe-cms/default-images/icon-16x16.png",
    "ogImage": "https://www.ibm.com/content/dam/connectedassets-adobe-cms/worldwide-content/creative-assets/s-migr/ul/g/d8/31/datastax-overview-leadspace.png/_jcr_content/renditions/cq5dam.thumbnail.1280.1280.png",
    "logoHref": "https://www.ibm.com/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 3,
    "reasoning": "Selected #3 because it is visible, medium-sized, and links to the homepage, matching the IBM brand.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 2,
      "text": "Contact us",
      "reasoning": "Button #2 has a vibrant blue background (#0F62FE), which is the brand color, and is labeled 'Contact us', making it a strong candidate for the primary CTA."
    },
    "secondary": {
      "index": 0,
      "text": "Contact us",
      "reasoning": "Button #0 has a light background (#F4F4F4) and is labeled 'Contact us', making it a suitable secondary CTA with a different color group from the primary button."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals"
  },
  "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": 3,
        "selectedLogoReasoning": "Selected #3 because it is visible, medium-sized, and links to the homepage, matching the IBM brand.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```