llms.txt

Vapi Brand Identity

A complete profile of Vapi's visual system — colors, typography, components, and personality.

Quick Facts

Field Value
Primary #FFFAEA
Accent #62F6B5
Body Font Season Sans
Heading Font Season Sans

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: high · Audience: developers and tech companies

Vapi 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:

  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.

Machine-Readable Profile

{
 "colorScheme": "dark",
 "fonts": [
  {
   "family": "Season Sans",
   "role": "heading"
  },
  {
   "family": "Geist Mono",
   "role": "monospace"
  }
 ],
 "colors": {
  "primary": "#FFFAEA",
  "secondary": "#62F6B5",
  "accent": "#62F6B5",
  "background": "#0E0E13",
  "textPrimary": "#FFFAEA",
  "link": "#E96B34"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Season Sans",
   "heading": "Season Sans"
  },
  "fontStacks": {
   "heading": [
    "seasonSans",
    "seasonSans Fallback"
   ],
   "body": [
    "seasonSans",
    "seasonSans Fallback"
   ],
   "paragraph": [
    "seasonSans",
    "seasonSans Fallback"
   ]
  },
  "fontSizes": {
   "h1": "120px",
   "h2": "68px",
   "body": "44px"
  }
 },
 "spacing": {
  "baseUnit": 8,
  "borderRadius": "0px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#62F6B5",
   "textColor": "#09090B",
   "borderRadius": "33554400px",
   "borderRadiusCorners": {
    "topLeft": "33554400px",
    "topRight": "33554400px",
    "bottomRight": "33554400px",
    "bottomLeft": "33554400px"
   },
   "shadow": "none"
  },
  "buttonSecondary": {
   "background": "#E96B34",
   "textColor": "#09090B",
   "borderRadius": "33554400px",
   "borderRadiusCorners": {
    "topLeft": "33554400px",
    "topRight": "33554400px",
    "bottomRight": "33554400px",
    "bottomLeft": "33554400px"
   },
   "shadow": "none"
  }
 },
 "images": {
  "logo": "data:image/svg+xml;utf8,%3Csvg%20height%3D%2216%22%20role%3D%22presentation%22%20viewBox%3D%220%200%2057%2016%22%20width%3D%2257%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M1.70679%200.304638C3.21148%20-0.425672%205.02331%200.202092%205.75362%201.70679L7.87228%206.07197L10.0253%201.69294C10.7632%200.191979%2012.5782%20-0.426556%2014.0792%200.311402C15.5801%201.04936%2016.1987%202.86436%2015.4607%204.36532L10.5725%2014.3077C10.0619%2015.3462%209.0042%2016.0029%207.84702%2016C6.68985%2015.997%205.63551%2015.3349%205.13024%2014.2939L0.304638%204.35147C-0.425672%202.84678%200.202092%201.03495%201.70679%200.304638ZM23.353%200.000699425C24.5102%200.00364403%2025.5645%200.66575%2026.0698%201.70679L30.8954%2011.6492C31.3509%2012.5878%2031.2913%2013.6947%2030.7376%2014.5789C30.1839%2015.463%2029.2141%2016%2028.1709%2016H18.457C17.4111%2016%2016.4391%2015.4602%2015.8862%2014.5723C15.3334%2013.6844%2015.2778%2012.574%2015.7393%2011.6354L20.6276%201.69294C21.1381%200.654487%2022.1958%20-0.00224496%2023.353%200.000699425ZM34.3992%203.02913C34.3992%201.35657%2035.7551%200.000689616%2037.4276%200.000689616H41.7132C41.7973%200.000689616%2041.8813%200.0041931%2041.9652%200.0111909L43.1697%200.111761C43.5314%200.141966%2044.1717%200.228344%2044.8453%200.584446C48.353%202.43887%2048.353%207.50494%2044.8453%209.35936C44.1717%209.71546%2043.5314%209.80184%2043.1697%209.83205L41.9652%209.93262C41.8813%209.93961%2041.7973%209.94312%2041.7132%209.94312H40.4561V12.9716C40.4561%2014.6441%2039.1002%2016%2037.4276%2016C35.7551%2016%2034.3992%2014.6441%2034.3992%2012.9716V3.02913ZM53.427%200.000689616C55.0995%200.000689616%2056.4554%201.35657%2056.4554%203.02913V12.9716C56.4554%2014.6441%2055.0995%2016%2053.427%2016C51.7544%2016%2050.3985%2014.6441%2050.3985%2012.9716V3.02913C50.3985%201.35657%2051.7544%200.000689616%2053.427%200.000689616ZM23.3207%209.94312H23.3347L23.3277%209.92871L23.3207%209.94312Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(255%2C%20250%2C%20234)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
 "favicon": "https://vapi.ai/favicon.ico",
 "ogImage": "https://vapi.ai/vapi_social_preview.png",
 "logoHref": "/"
},
 "__llm_logo_reasoning": {
 "selectedIndex": 0,
 "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, matching the brand 'Vapi'.",
 "confidence": 0.9,
 "source": "llm"
},
 "__llm_button_reasoning": {
 "primary": {
 "index": 2,
 "text": "sign up",
 "reasoning": "Button #0 has a vibrant green background (#62F6B5), which is a strong brand color, and the text 'sign up' is action-oriented, making it the primary CTA."
 },
 "secondary": {
 "index": 1,
 "text": "Request a Demo",
 "reasoning": "Button #6 has a vibrant orange background (#E96B34) and the text 'Request a Demo', which is a common secondary action. It is from a different color group than the primary button."
 },
 "confidence": 0.95
},
 "personality": {
 "tone": "modern",
 "energy": "high",
 "targetAudience": "developers and tech companies"
},
 "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 visible, located in the header, and links to the homepage, matching the brand 'Vapi'.",
 "confidence": 0.9
 }
 },
 "buttonClassification": {
 "llmCalled": true,
 "llmSucceeded": true
 }
}
}