# 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. - Page: https://characterquilt.com/branding/inversion - Machine-readable JSON: https://characterquilt.com/branding/inversion.json - Per-page llms.txt: https://characterquilt.com/branding/inversion/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #9CA3AF | | Accent | #CDCED3 | | Body Font | Roboto | | Heading Font | Roboto | ## Color Palette - primary: #9CA3AF - secondary: #1DA1F2 - accent: #CDCED3 - background: #F2EFEB - textPrimary: #000000 - link: #FA8072 ## Typography - primary: Roboto — https://fonts.google.com/specimen/Roboto - heading: Roboto — https://fonts.google.com/specimen/Roboto ## Visual Assets - 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 ## UI Components - input: background=transparent, textColor=#000000, borderColor=null, borderRadius=0px, shadow=none - buttonPrimary: background=#CDCED3, textColor=#000000, borderRadius=0px, shadow=none - buttonSecondary: background=#F2EFEB, textColor=#000000, borderColor=#000000, borderRadius=0px, shadow=none ## 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. - **Hypersonics - Inversion** - Image: https://cdn.sanity.io/images/aqhlygr6/production/a939d5d171ccfd57b9ede9b3a75560a2496d97c8-3733x2686.png - Source: https://www.inversionspace.com/hypersonics - **News - Inversion** - Image: https://cdn.sanity.io/images/aqhlygr6/production/dc4e4007869244c0af2a61b83ca0ad55fb5210ab-3840x2160.jpg?w=3840&q=75&fit=clip&auto=format - Source: https://www.inversionspace.com/news - **Company - Inversion** - Image: https://cdn.sanity.io/images/aqhlygr6/production/be4fb7a438bde7eefb8cd38b2149b36acb1144ac-1315x978.png?w=3840&q=75&fit=clip&auto=format - Source: https://www.inversionspace.com/company - **News - Inversion** - Image: https://cdn.sanity.io/images/aqhlygr6/production/40995d27d860bb59286bbf185d712c5cdcc1256d-1920x1080.jpg?w=3840&q=75&fit=clip&auto=format - Source: https://www.inversionspace.com/news - **Hypersonics - Inversion** - Image: https://cdn.sanity.io/images/aqhlygr6/production/0a71046f2a5bb55a317dba4c451dc6a907c0a8f6-760x760.png?w=3840&q=75&fit=clip&auto=format - Source: https://www.inversionspace.com/hypersonics - **News - Inversion** - Image: https://cdn.sanity.io/images/aqhlygr6/production/47614901a5e6a2786ca34bb30549c7132e7a970a-3840x2160.jpg?w=3840&q=75&fit=clip&auto=format - Source: https://www.inversionspace.com/news ## 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": "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 } } } ```