# Exa Brand Identity A complete profile of **Exa**'s visual system — colors, typography, components, and personality — extracted from https://exa.ai. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/exa - Machine-readable JSON: https://characterquilt.com/branding/exa.json - Per-page llms.txt: https://characterquilt.com/branding/exa/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #374151 | | Accent | #000000 | | Body Font | ABCDiatype | | Heading Font | Trebuchet MS | ## Color Palette - primary: #374151 - secondary: #514837 - accent: #000000 - background: #FFFFFF - textPrimary: #181815 - link: #EEF8FF ## Typography - primary: ABCDiatype — https://fonts.google.com/specimen/ABCDiatype - heading: Trebuchet MS — https://fonts.google.com/specimen/Trebuchet+MS ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%20278%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M161.632%2053.2837H115.472C115.918%2066.4186%20125.061%2072.7596%20133.981%2072.7596C142.9%2072.7596%20147.806%2068.6833%20150.371%2062.682H160.851C158.064%2073.2126%20148.587%2081.8182%20133.981%2081.8182C115.026%2081.8182%20104.545%2068.0039%20104.545%2050C104.545%2030.7506%20117.256%2018.4083%20133.646%2018.4083C151.931%2018.4083%20162.97%2034.0343%20161.632%2053.2837ZM133.646%2027.2404C124.615%2027.2404%20116.476%2032.2226%20115.584%2044.4516H150.928C150.705%2035.846%20144.35%2027.2404%20133.646%2027.2404Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M219.201%2019.4274L198.797%2048.528L221.208%2080.3462H209.055L192.777%2057.1336L176.61%2080.3462H165.014L187.09%2048.9809L166.352%2019.4274H178.505L193.111%2040.3753L207.829%2019.4274H219.201Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M266.458%2054.869V51.0191C248.061%2052.944%20236.354%2055.6616%20236.354%2064.0408C236.354%2069.8156%20240.702%2073.6655%20247.949%2073.6655C257.426%2073.6655%20266.458%2069.2494%20266.458%2054.869ZM245.719%2081.8182C234.458%2081.8182%20225.092%2075.4772%20225.092%2064.2672C225.092%2049.8868%20241.036%2045.6972%20265.677%2042.8664V41.3944C265.677%2030.2976%20259.545%2026.561%20252.075%2026.561C243.712%2026.561%20238.806%2031.2035%20238.36%2038.6768H227.88C228.883%2025.5419%20240.256%2018.1818%20251.963%2018.1818C268.465%2018.1818%20275.935%2026.2213%20275.823%2043.3193L275.712%2057.3601C275.6%2067.551%20276.158%2074.5713%20277.273%2080.3462H267.015C266.681%2078.0815%20266.346%2075.5904%20266.235%2071.967C262.555%2078.1948%20256.311%2081.8182%20245.719%2081.8182Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200H78.1818V7.46269L44.8165%2050L78.1818%2092.5373V100H0V0ZM39.5825%2043.1172L66.6956%207.46269H12.4695L39.5825%2043.1172ZM8.79612%2016.3977V46.2687H31.5111L8.79612%2016.3977ZM31.5111%2053.7313H8.79612V83.6023L31.5111%2053.7313ZM12.4695%2092.5373L39.5825%2056.8828L66.6956%2092.5373H12.4695Z%22%20fill%3D%22%231F40ED%22%20style%3D%22fill%3A%20rgb(31%2C%2064%2C%20237)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://exa.ai/images/favicon-32x32.png - Social card (og:image): https://exa.imgix.net/og-image.png/ ## UI Components - input: background=transparent, textColor=#111827, borderColor=null, borderRadius=0px, shadow=none - buttonPrimary: background=#000000, textColor=#FFFFFF, borderRadius=4px, shadow=none - buttonSecondary: background=#F2F2F2, textColor=#666666, borderRadius=4px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: developers and tech companies ## Exa Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **The Exacluster: Powering Our Neural Network Search Engine | Exa Blog** - Image: https://exa.imgix.net/a100_cluster.jpg - Source: https://exa.ai/blog/meet-the-exacluster - **Pay with x402 - Exa** - Image: https://mintcdn.com/exa-52/0dPHu0-GkNxjQUwk/images/x402-payment-flow.png?fit=max&auto=format&n=0dPHu0-GkNxjQUwk&q=85&s=ec8cc9f3e0a769681e3593a120181715 - Source: https://exa.ai/docs/reference/x402-guide - **Exa AI Research Blog** - Image: https://exa.ai/images/blog/composing-search-og.png - Source: https://exa.ai/blog - **Introducing Exa 2.0 | Exa Blog** - Image: https://exa.imgix.net/exa2_evals2.jpeg - Source: https://exa.ai/blog/exa-api-2-0 - **Introducing Exa's People Search Benchmarks | Exa Blog** - Image: https://exa.ai/images/blog/people-search-benchmark.png - Source: https://exa.ai/blog/people-search-benchmark - **Exa AI Research Blog** - Image: https://exa.imgix.net/exa_instant_sealqa_1.png - Source: https://exa.ai/blog/exa-instant ## 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": "ABCDiatype", "role": "body" }, { "family": "Inter", "role": "body" }, { "family": "Trebuchet MS", "role": "heading" }, { "family": "Arizona", "role": "display" }, { "family": "Georgia", "role": "unknown" } ], "colors": { "primary": "#374151", "secondary": "#514837", "accent": "#000000", "background": "#FFFFFF", "textPrimary": "#181815", "link": "#EEF8FF" }, "typography": { "fontFamilies": { "primary": "ABCDiatype", "heading": "Trebuchet MS" }, "fontStacks": { "heading": [ "Arizona", "Georgia", "serif" ], "body": [ "ABCDiatype", "Trebuchet MS", "sans-serif" ], "paragraph": [ "ABCDiatype", "Trebuchet MS", "sans-serif" ] }, "fontSizes": { "h1": "63.2px", "h2": "41.6px", "body": "18.4px" } }, "spacing": { "baseUnit": 4, "borderRadius": "4px" }, "components": { "input": { "background": "transparent", "textColor": "#111827", "borderColor": null, "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" }, "buttonPrimary": { "background": "#000000", "textColor": "#FFFFFF", "borderRadius": "4px", "borderRadiusCorners": { "topLeft": "4px", "topRight": "4px", "bottomRight": "4px", "bottomLeft": "4px" }, "shadow": "none" }, "buttonSecondary": { "background": "#F2F2F2", "textColor": "#666666", "borderRadius": "4px", "borderRadiusCorners": { "topLeft": "4px", "topRight": "4px", "bottomRight": "4px", "bottomLeft": "4px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20height%3D%2220%22%20viewBox%3D%220%200%20278%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M161.632%2053.2837H115.472C115.918%2066.4186%20125.061%2072.7596%20133.981%2072.7596C142.9%2072.7596%20147.806%2068.6833%20150.371%2062.682H160.851C158.064%2073.2126%20148.587%2081.8182%20133.981%2081.8182C115.026%2081.8182%20104.545%2068.0039%20104.545%2050C104.545%2030.7506%20117.256%2018.4083%20133.646%2018.4083C151.931%2018.4083%20162.97%2034.0343%20161.632%2053.2837ZM133.646%2027.2404C124.615%2027.2404%20116.476%2032.2226%20115.584%2044.4516H150.928C150.705%2035.846%20144.35%2027.2404%20133.646%2027.2404Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M219.201%2019.4274L198.797%2048.528L221.208%2080.3462H209.055L192.777%2057.1336L176.61%2080.3462H165.014L187.09%2048.9809L166.352%2019.4274H178.505L193.111%2040.3753L207.829%2019.4274H219.201Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M266.458%2054.869V51.0191C248.061%2052.944%20236.354%2055.6616%20236.354%2064.0408C236.354%2069.8156%20240.702%2073.6655%20247.949%2073.6655C257.426%2073.6655%20266.458%2069.2494%20266.458%2054.869ZM245.719%2081.8182C234.458%2081.8182%20225.092%2075.4772%20225.092%2064.2672C225.092%2049.8868%20241.036%2045.6972%20265.677%2042.8664V41.3944C265.677%2030.2976%20259.545%2026.561%20252.075%2026.561C243.712%2026.561%20238.806%2031.2035%20238.36%2038.6768H227.88C228.883%2025.5419%20240.256%2018.1818%20251.963%2018.1818C268.465%2018.1818%20275.935%2026.2213%20275.823%2043.3193L275.712%2057.3601C275.6%2067.551%20276.158%2074.5713%20277.273%2080.3462H267.015C266.681%2078.0815%20266.346%2075.5904%20266.235%2071.967C262.555%2078.1948%20256.311%2081.8182%20245.719%2081.8182Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200H78.1818V7.46269L44.8165%2050L78.1818%2092.5373V100H0V0ZM39.5825%2043.1172L66.6956%207.46269H12.4695L39.5825%2043.1172ZM8.79612%2016.3977V46.2687H31.5111L8.79612%2016.3977ZM31.5111%2053.7313H8.79612V83.6023L31.5111%2053.7313ZM12.4695%2092.5373L39.5825%2056.8828L66.6956%2092.5373H12.4695Z%22%20fill%3D%22%231F40ED%22%20style%3D%22fill%3A%20rgb(31%2C%2064%2C%20237)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://exa.ai/images/favicon-32x32.png", "ogImage": "https://exa.imgix.net/og-image.png/", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand 'Exa' inferred from the URL and page title.", "confidence": 0.95, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 1, "text": "Try API for free", "reasoning": "Button #1 ('Try API for free') is the primary CTA due to its action-oriented text and distinct dark background color (#000000), which stands out prominently against the page's light background." }, "secondary": { "index": 5, "text": "Open in API Playground", "reasoning": "Button #5 ('Open in API Playground') is selected as secondary because it has a light background (#F2F2F2), contrasting with the primary button's dark color, and serves as a supportive action." }, "confidence": 0.9 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "developers and tech companies" }, "designSystem": { "framework": "tailwind", "componentLibrary": "" }, "confidence": { "buttons": 0.9, "colors": 0.9, "overall": 0.9 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand 'Exa' inferred from the URL and page title.", "confidence": 0.95 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```