inversion.json

Inversion Brand Identity

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

Quick Facts

Field Value
Primary #9CA3AF
Accent #CDCED3
Body Font Roboto
Heading Font Roboto

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy individuals interested in innovative solutions

Inversion 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": "light",
  "fonts": [
    {
      "family": "Roboto",
      "role": "body"
    },
    {
      "family": "Helvetica Neue",
      "role": "body"
    },
    {
      "family": "Arial",
      "role": "body"
    },
    {
      "family": "Noto Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#9CA3AF",
    "secondary": "#1DA1F2",
    "accent": "#CDCED3",
    "background": "#F2EFEB",
    "textPrimary": "#000000",
    "link": "#FA8072"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roboto",
      "heading": "Roboto"
    },
    "fontStacks": {
      "heading": [
        "VC Nudge"
      ],
      "body": [
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica Neue",
        "Arial",
        "Noto Sans",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "GT Zirkon"
      ]
    },
    "fontSizes": {
      "h1": "158px",
      "h2": "36px",
      "body": "24px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#000000",
      "borderColor": null,
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#CDCED3",
      "textColor": "#000000",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#F2EFEB",
      "textColor": "#000000",
      "borderColor": "#000000",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%22120%22%20height%3D%2213%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%22M108.706%204.793v3.608c0%202.458-1.118%203.698-3.344%203.698h-.185c-2.226%200-3.345-1.245-3.345-3.698V4.793c0-2.49%201.198-3.703%203.371-3.703h.127c2.178%200%203.376%201.213%203.376%203.703Zm-1.461-.095c0-1.667-.639-2.316-1.973-2.316-1.335%200-1.973.654-1.973%202.316v3.809c0%201.62.638%202.3%201.973%202.3%201.334%200%201.973-.686%201.973-2.3V4.698Zm-82.44-2.052h2.315v7.897h-2.315v1.34h6.098v-1.34h-2.316V2.646h2.316V1.311h-6.098v1.335ZM84.16%205.932c-1.741-.654-2.548-.854-2.548-2.115%200-.965.438-1.445%201.91-1.445%201.471%200%202.02.464%202.02%201.772v.449h1.382v-.328c0-2.067-.997-3.17-3.313-3.17h-.121c-2.316%200-3.297.981-3.297%202.785%200%201.804.95%202.459%202.89%203.187%201.852.685%202.459.917%202.459%202.236%200%201.087-.406%201.525-1.93%201.525-1.525%200-2.069-.406-2.069-1.836v-.448h-1.382v.31c0%202.253.95%203.25%203.329%203.25h.184c2.38%200%203.297-.902%203.297-2.89%200-1.99-.933-2.58-2.817-3.282h.006Zm7.21-3.28h2.317v7.896h-2.316v1.34h6.098v-1.34h-2.316V2.651h2.316V1.317h-6.098V2.65ZM74.239%207.424l2.226%204.463H74.85l-2.068-4.246h-1.804v4.246h-1.43V1.317h2.738c2.891%200%204.041.98%204.041%203.138%200%201.662-.775%202.58-2.084%202.97h-.005Zm.591-2.938c0-1.366-.67-1.836-2.427-1.836h-1.43v3.672h1.43c1.773%200%202.427-.496%202.427-1.836Zm-16.063%207.401h6.594v-1.35h-5.148V7.162h4.6v-1.34h-4.6V2.667h5.148v-1.35h-6.594v10.571Zm-7.823-1.181h-1.224l-1.962-9.39h-1.493l2.416%2010.682h3.244L54.31%201.317h-1.43l-1.93%209.39h-.006Zm67.216-9.39v4.647l.127%204.822h-.111l-1.398-4.4-1.852-5.07h-2.162v10.572h1.339V7.257l-.142-4.838h.111l1.398%204.4%201.851%205.07h2.179V1.316h-1.34ZM40.746%205.964l.127%204.822h-.111l-1.398-4.4-1.851-5.07H35.35v10.572h1.34V7.257l-.143-4.838h.11l1.399%204.4%201.851%205.07h2.179V1.316h-1.34v4.647ZM5.205%203.206c-.115.735-.203%201.478-.202%202.224.01.524.034%201.084.29%201.55C5.95%208.001%206.93%208.743%207.845%209.5c.248.196.505.386.758.576.033.024.103.086.067.15-.029.052-.12.028-.171.009-.561-.197-1.082-.489-1.598-.785C4.39%207.994%203.917%207.252%204.596%204.285c.173-.745.414-1.47.668-2.189.013-.045.044-.102.096-.09.049.02.046.081.037.125-.062.359-.133.715-.19%201.075h-.002Zm-2.27-1.158c.032-.073-.007-.132-.078-.097-.491.781-.87%201.65-1.275%202.486-.386.853-.767%201.718-.99%202.636-.429%201.343.726%202.41%201.753%202.99.137.076.27.17.418.218.017%200%20.037-.007.044-.023.015-.034-.015-.063-.04-.081-.721-.57-1.631-1.28-1.631-2.295%200-1.191%201.059-3.834%201.648-5.396.052-.146.1-.291.15-.437v-.001ZM9.032%2012.19c.166.061.228-.102.064-.185a52.308%2052.308%200%200%201-1.751-1.13C6.16%209.99%203.72%208.54%203.653%206.902c-.08-1.614.331-3.207.703-4.762.136-.569.3-1.13.452-1.693.012-.043.02-.102-.029-.115-.03-.008-.058.02-.075.048-.332.509-.6.913-1.394%202.487a18.445%2018.445%200%200%200-1.06%202.64c-.374%201.201-.661%202.719.398%203.64.855.789%202.915%202.108%206.386%203.044Zm4.515-10.06c-.009-.044-.011-.106.038-.125.052-.012.084.045.096.09.253.72.494%201.444.668%202.189.677%202.967.203%203.71-2.306%205.165-.516.297-1.037.588-1.598.785-.052.019-.143.043-.171-.008-.035-.065.035-.127.066-.151.255-.19.51-.38.759-.576.914-.757%201.894-1.5%202.553-2.52.255-.466.279-1.026.289-1.55%200-.746-.087-1.489-.202-2.224-.057-.36-.128-.716-.19-1.075h-.002Zm2.61.353c.59%201.562%201.65%204.205%201.65%205.397%200%201.017-.911%201.726-1.632%202.295-.025.018-.055.047-.04.08.007.017.025.023.044.023.147-.048.28-.142.418-.216%201.027-.582%202.18-1.647%201.753-2.991-.223-.917-.605-1.783-.99-2.637-.406-.834-.783-1.704-1.275-2.485-.071-.035-.111.024-.077.097.049.145.098.29.15.436v.001Zm.138%206.663c1.06-.92.772-2.439.399-3.64a18.749%2018.749%200%200%200-1.06-2.64C14.84%201.293%2014.573.889%2014.24.38c-.018-.027-.046-.056-.075-.048-.048.013-.04.073-.029.115.152.563.316%201.124.452%201.693.372%201.555.782%203.148.703%204.762-.068%201.638-2.51%203.088-3.693%203.974-.575.392-1.163.762-1.75%201.13-.165.084-.103.246.063.185%203.472-.936%205.532-2.256%206.386-3.044h-.001Z%22%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E","favicon":"https://www.inversionspace.com/apple-touch-icon.png","ogImage":null,"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 inferred from the page title and URL ('Inversion').","confidence":0.95,"source":"llm"},"__llm_button_reasoning":{"primary":{"index":0,"text":"Read More","reasoning":"Button #0 ('Read More') is selected as the primary CTA due to its distinct blue background color (#CDCED3), which stands out against the more muted red/orange buttons. It is also action-oriented, encouraging further engagement."},"secondary":{"index":1,"text":"LEARN MORE","reasoning":"Button #1 ('LEARN MORE') is chosen as the secondary CTA because it has a different background color (#F2EFEB) from the primary button and offers additional information, making it a suitable secondary action."},"confidence":0.9},"personality":{"tone":"modern","energy":"medium","targetAudience":"tech-savvy individuals interested in innovative solutions"},"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 inferred from the page title and URL ('Inversion').","confidence":0.95}},"buttonClassification":{"llmCalled":true,"llmSucceeded":true}}}