vast data.json

VAST Data Brand Identity

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

Quick Facts

Field Value
Primary #15243B
Accent #1FD9FE
Body Font Moderat
Heading Font Moderat

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: high · Audience: tech-savvy professionals

VAST Data 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": "dark",
  "fonts": [
    {
      "family": "Moderat",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#15243B",
    "secondary": "#0E142C",
    "accent": "#1FD9FE",
    "background": "#03142C",
    "textPrimary": "#03142C",
    "link": "#03142C"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Moderat",
      "heading": "Moderat"
    },
    "fontStacks": {
      "heading": [
        "Moderat",
        "sans-serif"
      ],
      "body": [
        "Moderat",
        "sans-serif"
      ],
      "paragraph": [
        "Moderat",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "32px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "12px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#1FD9FE",
      "textColor": "#03142C",
      "borderRadius": "50px",
      "borderRadiusCorners": {
        "topLeft": "50px",
        "topRight": "50px",
        "bottomRight": "50px",
        "bottomLeft": "50px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#15243B",
      "textColor": "#FFFFFF",
      "borderRadius": "50px",
      "borderRadiusCorners": {
        "topLeft": "50px",
        "topRight": "50px",
        "bottomRight": "50px",
        "bottomLeft": "50px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22vastWordmark%22%20width%3D%2266%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2066%2014%22%20data-v-894932d8%3D%22%22%20data-fc-idx%3D%220%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m11.918.916-.783-.375a.919.919%200%200%200-1.23.444l-.22.414L6.235%208.77%202.788%201.4l-.22-.414a.917.917%200%200%200-1.23-.444L.556.916c-.466.219-.69.804-.474%201.273l.195.383%204.689%2010.024a1.383%201.383%200%200%200%201.248.797h.042a1.385%201.385%200%200%200%201.248-.797l4.689-10.024.195-.383c.217-.469-.007-1.054-.47-1.273ZM19.311%2012.926l.784.375a.918.918%200%200%200%201.23-.444l.22-.414%203.451-7.371%203.448%207.371.22.414a.918.918%200%200%200%201.23.444l.785-.375c.462-.221.687-.804.469-1.271l-.195-.383-4.689-10.024a1.384%201.384%200%200%200-1.248-.797h-.041a1.386%201.386%200%200%200-1.25.797l-4.688%2010.024-.195.383c-.219.467.006%201.05.47%201.27ZM47.275%203.212a.918.918%200%200%200%20.966-.882l.03-.868c.02-.512-.393-.982-.908-1.006L46.887.45h-5.413c-.03%200-.059%200-.092.004-1.433.095-3.565%201.126-3.565%203.572%200%202.487%202.104%203.599%203.236%203.846l2.823.677c.041.009.082.017.124.023.15.022.896.176.896%201.014%200%20.504-.253.801-.754.885h-5.318l-.362.005a.918.918%200%200%200-.966.883l-.03.868c-.02.512.393.982.908%201.006l.45.005h5.413c.043%200%20.086%200%20.128-.005%201.327-.123%203.301-1.196%203.301-3.647%200-2.539-2.051-3.547-3.195-3.742l-2.787-.668-.039-.008c-.042-.01-1.058-.235-1.058-1.142%200-.606.578-.769.953-.81h5.347l.388-.004ZM66%201.365a.916.916%200%200%200-.938-.914H55.5a.919.919%200%200%200-.938.914v.878c0%20.513.427.968.942.976H58.897v9.086a.914.914%200%200%200%20.56.864.919.919%200%200%200%20.355.073h.879c.512%200%20.968-.426.976-.94V3.217H65.06c.515-.007.943-.463.942-.975l-.003-.878Z%22%20data-v-894932d8%3D%22%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://www.vastdata.com/favicon.svg",
    "ogImage": "https://images.ctfassets.net/2f3meiv6rg5s/6IRQJBE0tYKgkL72dGSLVj/de8ca3aa3a605bc224e5594a1ac749dd/ai-os.jpg",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is located in the header, links to the homepage, and matches the brand name 'VAST Data'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Explore the AI OS",
      "reasoning": "Button #0 has a vibrant blue background (#1FD9FE), which is a strong indicator of a primary CTA. The text 'Explore the AI OS' is action-oriented, aligning with primary CTA characteristics."
    },
    "secondary": {
      "index": 1,
      "text": "Read the News",
      "reasoning": "Button #1 has a neutral background color (#15243B) and less action-oriented text ('Read the News'), making it suitable as a secondary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "tech-savvy professionals"
  },
  "designSystem": {
    "framework": "tailwind",
    "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 located in the header, links to the homepage, and matches the brand name 'VAST Data'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}