llms.txt
DataStax Brand Identity
A complete profile of DataStax's visual system — colors, typography, components, and personality.
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...%20%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
- Generate Personalized Action Figures and Mythical Creatures using next.js and AI with Langflow | Langflow | Low-code AI builder for agentic and RAG applications
- Sparkとは | DSE 5.1開発者ガイド
- Top 3 Mistakes I Made While Building AI Agents | Langflow | Low-code AI builder for agentic and RAG applications
Working with these fonts
Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:
- Open the company's homepage in a browser with DevTools open.
- In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
- Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
- For each captured font URL: right-click → Save As to download the file locally.
- 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.
Machine-Readable Profile
{
"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",
"shadow": "none"
},
"buttonSecondary": {
"background": "#F4F4F4",
"textColor": "#161616",
"borderRadius": "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...%20%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/"
},
"confidence": {
"buttons": 0.95,
"colors": 0.9,
"overall": 0.925
}
}