# Inference Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #2E90FA |
| Accent | #171717 |
| Body Font | Inter |
| Heading Font | Inter |

## Color Palette

- primary: #2E90FA
- accent: #171717
- background: #FFFFFF
- textPrimary: #0A0A0A
- link: #37A169

## Typography

- primary: Inter — https://fonts.google.com/specimen/Inter
- heading: Inter — https://fonts.google.com/specimen/Inter

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2220%22%20viewBox%3D%220%200%20880%20116%22%20width%3D%22120%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cg%20clip-path%3D%22url(%23inference-icon)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M209.001%2067.2804L161.875%202.466H135.667V113.515H163.341V47.6802L212.101%20113.515H236.694V2.466H209.001V67.2804Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M253.788%20113.515H282.057V69.9346H320.348V46.2139H282.057V26.1867H321.832V2.466H253.788V113.515Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M334.788%20113.515H404.15V89.8133H363.075V68.5983H402.684V44.8961H363.075V26.1867H404.15V2.466H334.788V113.515Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M499.738%2038.1214C499.738%2015.44%20481.623%202.48456%20455.266%202.48456H418.59V113.534H447.155V73.7582L477.502%20113.534H512.267L476.927%2069.4892C490.773%2063.8838%20499.757%2052.9886%20499.757%2038.1214H499.738ZM455.118%2052.2462H447.174V25.8898H455.118C464.695%2025.8898%20470.431%2031.0497%20470.431%2038.9937C470.431%2046.9378%20464.695%2052.2462%20455.118%2052.2462Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M516.239%20113.515H585.619V89.8133H544.525V68.5983H584.134V44.8961H544.525V26.1867H585.619V2.466H516.239V113.515Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M673.393%2067.2804L626.267%202.466H600.041V113.515H627.734V47.6802L676.474%20113.515H701.086V2.466H673.393V67.2804Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M712.557%2058C712.557%2089.5163%20738.635%20115.297%20771.023%20115.297C780.007%20115.297%20788.99%20113.534%20796.656%20109.989V78.0271C791.347%2083.7624%20782.512%2088.1985%20771.617%2088.1985C754.096%2088.1985%20741.419%2075.3915%20741.419%2058C741.419%2040.6085%20754.077%2027.8015%20771.617%2027.8015C782.512%2027.8015%20791.347%2032.219%20796.656%2037.9729V6.0111C788.99%202.63302%20780.007%200.702698%20771.023%200.702698C738.616%200.702698%20712.557%2026.4837%20712.557%2058Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M879.289%2026.1867V2.466H809.927V113.515H879.289V89.8133H838.195V68.5983H877.822V44.8961H838.195V26.1867H879.289Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M118.573%202.466H89.7107V113.515H118.573V2.466Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M75.029%202.466H54.5564V113.515H75.029V2.466Z%22%20fill%3D%22%23FF4405%22%20style%3D%22fill%3A%20rgb(255%2C%2068%2C%205)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M40.8214%202.466H25.1189V113.515H40.8214V2.466Z%22%20fill%3D%22%23FAC515%22%20style%3D%22fill%3A%20rgb(250%2C%20197%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M11.9407%202.466H0.711426V113.515H11.9407V2.466Z%22%20fill%3D%22%2353B1FD%22%20style%3D%22fill%3A%20rgb(83%2C%20177%2C%20253)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22inference-icon%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill-white%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-black%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20%22%20height%3D%22114.595%22%20transform%3D%22translate(0.711426%200.702698)%22%20width%3D%22878.577%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E
- Favicon: https://inference.net/favicon.svg
- Social card (og:image): https://inference.net/og/home.png

## UI Components

- buttonPrimary: background=#171717, textColor=#FFFFFF, borderColor=#171717, borderRadius=6px, shadow=none
- buttonSecondary: background=#F5F5F5, textColor=#0A0A0A, borderColor=#C6C6C6, borderRadius=6px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: developers and tech professionals

## Inference Brand in the Wild

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

- **Inference.net | Full-Stack LLM Lifecycle Platform**
  - Image: https://inference.net/og/blog.png
  - Source: https://inference.net/blog/
- **Schematron 8B | AI Models | Inference.net**
  - Image: https://inference.net/assets/Dark%20Mode%20-%20LLM-as-a-judge_%20Average%20Quality%20Score%20by%20Model-C0UJtO89.webp
  - Source: https://inference.net/models/schematron-8b/
- **Inference.net | Full-Stack LLM Lifecycle Platform**
  - Image: https://cdn.sanity.io/images/u4p55ih9/production/cf5a6bec3f94b4a880aac2d4a872093ae102cef1-5120x2880.png?rect=0,96,5120,2688&w=1200&h=630
  - Source: https://inference.net/blog/project-aella/
- **Schematron 8B | AI Models | Inference.net**
  - Image: https://inference.net/assets/Light%20Mode%20-%20LLM-as-a-judge_%20Average%20Quality%20Score%20by%20Model-Bk42yhZp.webp
  - Source: https://inference.net/models/schematron-8b/
- **The Ultimate LLM Benchmark Comparison Guide (2025 Edition) | Inference.net**
  - Image: https://cdn.sanity.io/images/u4p55ih9/production/85234ff52797d65fe2532079e6595918d02c8458-1200x800.webp?rect=0,85,1200,630&w=1200&h=630
  - Source: https://inference.net/content/llm-benchmark-comparison/
- **Schematron 8B | AI Models | Inference.net**
  - Image: https://inference.net/assets/DM-Model-Card-NVIDIA-DUS-sY3v.png
  - Source: https://inference.net/models/schematron-8b/

## 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": "Inter",
      "role": "body"
    },
    {
      "family": "JetBrains Mono",
      "role": "monospace"
    }
  ],
  "colors": {
    "primary": "#2E90FA",
    "accent": "#171717",
    "background": "#FFFFFF",
    "textPrimary": "#0A0A0A",
    "link": "#37A169"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "ui-serif",
        "Georgia",
        "Cambria",
        "Times New Roman",
        "Times",
        "serif"
      ],
      "body": [
        "Inter",
        "JetBrains Mono",
        "sans-serif"
      ],
      "paragraph": [
        "Inter",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "60px",
      "h2": "44px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#171717",
      "textColor": "#FFFFFF",
      "borderColor": "#171717",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F5F5F5",
      "textColor": "#0A0A0A",
      "borderColor": "#C6C6C6",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2220%22%20viewBox%3D%220%200%20880%20116%22%20width%3D%22120%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cg%20clip-path%3D%22url(%23inference-icon)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M209.001%2067.2804L161.875%202.466H135.667V113.515H163.341V47.6802L212.101%20113.515H236.694V2.466H209.001V67.2804Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M253.788%20113.515H282.057V69.9346H320.348V46.2139H282.057V26.1867H321.832V2.466H253.788V113.515Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M334.788%20113.515H404.15V89.8133H363.075V68.5983H402.684V44.8961H363.075V26.1867H404.15V2.466H334.788V113.515Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M499.738%2038.1214C499.738%2015.44%20481.623%202.48456%20455.266%202.48456H418.59V113.534H447.155V73.7582L477.502%20113.534H512.267L476.927%2069.4892C490.773%2063.8838%20499.757%2052.9886%20499.757%2038.1214H499.738ZM455.118%2052.2462H447.174V25.8898H455.118C464.695%2025.8898%20470.431%2031.0497%20470.431%2038.9937C470.431%2046.9378%20464.695%2052.2462%20455.118%2052.2462Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M516.239%20113.515H585.619V89.8133H544.525V68.5983H584.134V44.8961H544.525V26.1867H585.619V2.466H516.239V113.515Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M673.393%2067.2804L626.267%202.466H600.041V113.515H627.734V47.6802L676.474%20113.515H701.086V2.466H673.393V67.2804Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M712.557%2058C712.557%2089.5163%20738.635%20115.297%20771.023%20115.297C780.007%20115.297%20788.99%20113.534%20796.656%20109.989V78.0271C791.347%2083.7624%20782.512%2088.1985%20771.617%2088.1985C754.096%2088.1985%20741.419%2075.3915%20741.419%2058C741.419%2040.6085%20754.077%2027.8015%20771.617%2027.8015C782.512%2027.8015%20791.347%2032.219%20796.656%2037.9729V6.0111C788.99%202.63302%20780.007%200.702698%20771.023%200.702698C738.616%200.702698%20712.557%2026.4837%20712.557%2058Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M879.289%2026.1867V2.466H809.927V113.515H879.289V89.8133H838.195V68.5983H877.822V44.8961H838.195V26.1867H879.289Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M118.573%202.466H89.7107V113.515H118.573V2.466Z%22%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20fill-black%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-white%26%2310%3B%20%20%20%20%20%20%20%20%20%20%22%2F%3E%3Cpath%20d%3D%22M75.029%202.466H54.5564V113.515H75.029V2.466Z%22%20fill%3D%22%23FF4405%22%20style%3D%22fill%3A%20rgb(255%2C%2068%2C%205)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M40.8214%202.466H25.1189V113.515H40.8214V2.466Z%22%20fill%3D%22%23FAC515%22%20style%3D%22fill%3A%20rgb(250%2C%20197%2C%2021)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M11.9407%202.466H0.711426V113.515H11.9407V2.466Z%22%20fill%3D%22%2353B1FD%22%20style%3D%22fill%3A%20rgb(83%2C%20177%2C%20253)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22inference-icon%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20class%3D%22%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill-white%26%2310%3B%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20dark%3Afill-black%26%2310%3B%20%20%20%20%20%20%20%20%20%20%20%20%22%20height%3D%22114.595%22%20transform%3D%22translate(0.711426%200.702698)%22%20width%3D%22878.577%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E",
    "favicon": "https://inference.net/favicon.svg",
    "ogImage": "https://inference.net/og/home.png",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 1,
    "reasoning": "Selected #1 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Get Started",
      "reasoning": "Button #0 with text 'Get Started' is the primary CTA due to its action-oriented text and dark background color, which stands out as a strong call-to-action."
    },
    "secondary": {
      "index": 13,
      "text": "Learn more",
      "reasoning": "Button #1 with text 'Learn more' is selected as secondary because it has a different, lighter background color and serves as a supportive action to the primary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "developers and tech 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": 1,
        "selectedLogoReasoning": "Selected #1 because it is visible, located in the header, links to the homepage, and matches the brand inferred from the URL and page title.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```