# Oxide Computer Company Brand Identity

A complete profile of **Oxide Computer Company**'s visual system — colors, typography, components, and personality — extracted from https://oxide.computer/. Built for designers, agents, and AI tools.

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #002923 |
| Accent | #00D892 |
| Body Font | SuisseIntl |
| Heading Font | SuisseIntl |

## Color Palette

- primary: #002923
- accent: #00D892
- background: #0B0E12
- textPrimary: #0B0E12
- link: #00D892

## Typography

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

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20width%3D%2290%22%20height%3D%2226%22%20viewBox%3D%220%200%2090%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22h-full%20w-auto%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M8.94141%200.763916C10.8279%200.763934%2012.4402%201.20815%2013.7744%202.09595C15.1087%202.98383%2016.1275%204.28222%2016.8301%205.99048C17.5325%207.69862%2017.8828%209.75129%2017.8828%2012.1516V14.4368C17.8828%2016.8371%2017.5325%2018.8897%2016.8301%2020.5979C16.1275%2022.3062%2015.1087%2023.6045%2013.7744%2024.4924C12.4402%2025.3803%2010.828%2025.8254%208.94141%2025.8254C7.05485%2025.8254%205.44265%2025.3802%204.1084%2024.4924C2.77411%2023.6045%201.75527%2022.3062%201.05273%2020.5979C0.350293%2018.8897%201.74586e-05%2016.8371%200%2014.4368V12.1516C3.71181e-05%209.75125%200.350272%207.69863%201.05273%205.99048C1.75527%204.28221%202.77411%202.98383%204.1084%202.09595C5.44263%201.20819%207.05489%200.763919%208.94141%200.763916ZM70.9434%2025.2366H67.7334V22.1555C66.4682%2024.4867%2064.5002%2025.6515%2061.8301%2025.6516C60.3577%2025.6516%2059.0676%2025.276%2057.9629%2024.5266C56.8584%2023.7772%2056.0071%2022.7161%2055.4082%2021.342C54.8094%2019.9696%2054.5107%2018.3704%2054.5107%2016.5481C54.5107%2014.7256%2054.8265%2013.1329%2055.46%2011.7708C56.0934%2010.4089%2056.9964%209.36032%2058.1699%208.62134C59.3436%207.88234%2060.7128%207.51395%2062.2783%207.51392C63.4745%207.51392%2064.5278%207.77301%2065.4375%208.29224C66.3471%208.81143%2067.0648%209.52125%2067.5947%2010.4211V0.175049H70.9434V25.2366ZM82.4736%207.51392C84.7987%207.51392%2086.6286%208.26336%2087.9629%209.76392C89.297%2011.2644%2089.9657%2013.3287%2089.9658%2015.9592V17.552H77.7793C77.8259%2019.1217%2078.2797%2020.385%2079.1426%2021.342C80.0056%2022.3009%2081.1506%2022.7786%2082.5781%2022.7786C83.567%2022.7785%2084.4646%2022.5194%2085.2705%2022.0002C86.0766%2021.481%2086.777%2020.7587%2087.376%2019.8362L90%2021.5325C89.149%2022.8703%2088.0785%2023.8915%2086.7891%2024.5959C85.4998%2025.3002%2084.0968%2025.6515%2082.5781%2025.6516C79.9769%2025.6516%2077.9519%2024.8209%2076.502%2023.1594C75.052%2021.4979%2074.3272%2019.1909%2074.3271%2016.2366C74.3272%2013.561%2075.0567%2011.4372%2076.5186%209.86743C77.9805%208.29772%2079.9658%207.51402%2082.4736%207.51392ZM37.457%209.93677L31.3467%2016.5139L37.4912%2023.2288L35.0752%2025.5139L28.999%2018.9016L22.957%2025.5139L20.5752%2023.2288L26.7549%2016.5481L20.5752%209.97095L22.9922%207.65161L29.1025%2014.1594L35.0752%207.65161L37.457%209.93677ZM48.4346%2022.467H53.5439V25.2366H39.9082V22.467H45.0859V10.6985H40.2529V7.92896H48.4346V22.467ZM4.47949%2020.2346C4.58831%2020.4627%204.7063%2020.6766%204.83301%2020.8752C5.73059%2022.2823%207.09969%2022.9866%208.94141%2022.9866C10.7831%2022.9865%2012.1467%2022.284%2013.0322%2020.8752C13.9177%2019.4682%2014.3613%2017.3219%2014.3613%2014.4368V12.1516C14.3613%2011.2913%2014.322%2010.4967%2014.2432%209.76782L4.47949%2020.2346ZM62.8994%2010.3518C61.3584%2010.3519%2060.1677%2010.8939%2059.3271%2011.9788C58.4866%2013.0639%2058.0664%2014.5872%2058.0664%2016.5481C58.0664%2018.509%2058.4811%2020.0736%2059.3096%2021.1692C60.138%2022.2646%2061.2996%2022.8136%2062.7959%2022.8137C64.2924%2022.8137%2065.4774%2022.2891%2066.3525%2021.2385C67.2276%2020.188%2067.6641%2018.7513%2067.6641%2016.929V16.1672C67.664%2014.3898%2067.2322%2012.9776%2066.3691%2011.927C65.5061%2010.8765%2064.3493%2010.3518%2062.8994%2010.3518ZM8.94141%203.60181C7.09974%203.60181%205.73059%204.30616%204.83301%205.71313C3.93546%207.12019%203.48637%209.26661%203.48633%2012.1516V14.4368C3.48633%2015.4637%203.54352%2016.3969%203.65723%2017.2366L13.5098%206.64575C13.3681%206.30554%2013.2092%205.99432%2013.0322%205.71313C12.1467%204.30623%2010.783%203.60184%208.94141%203.60181ZM82.4053%2010.0754C81.0244%2010.0754%2079.9139%2010.5079%2079.0732%2011.3733C78.2328%2012.2386%2077.8017%2013.4108%2077.7793%2014.887H86.6514C86.6514%2013.4106%2086.2712%2012.2387%2085.5117%2011.3733C84.7523%2010.508%2083.717%2010.0755%2082.4053%2010.0754ZM48.5381%204.43286H44.3271V0.278564H48.5381V4.43286Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.77%200.1919%20163.7)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://oxide.computer/favicon.svg
- Social card (og:image): https://oxide-computer-fsevt79om-oxidecomputer.vercel.app/img/meta/og-oxide.png

## UI Components

- input: background=transparent, textColor=#DEDEDE, borderColor=#303235, borderRadius=1px, shadow=none
- buttonPrimary: background=#002923, textColor=#00D892, borderRadius=2px, shadow=none
- buttonSecondary: background=transparent, textColor=#5D5E61, borderColor=#1F2124, borderRadius=0px, shadow=none

## Brand Personality

Tone: professional · Energy: medium · Audience: technology professionals

## Oxide Computer Company Brand in the Wild

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

- **Disks and Snapshots / Guides / Oxide**
  - Image: https://docs.oxide.computer/img/disk-use-fsm.png
  - Source: https://docs.oxide.computer/guides/managing-disks-and-snapshots
- **A Tool for Discussion / Oxide**
  - Image: https://oxide.computer/img/blog/rfd-site/rfd-site-directory.png
  - Source: https://oxide.computer/blog/a-tool-for-discussion
- **Blog | Oxide Computer Company**
  - Image: https://oxide.computer/_vercel/image?url=%2Fimg%2Fblog%2Fthe-cloud-computer%2Foxide-pcb-closeup.jpg&w=1200&q=90
  - Source: https://oxide.computer/blog
- **dtrace.conf(24) | Oxide Computer Company**
  - Image: https://oxide.computer/img/blog/dtrace-conf24/dtrace-conf24-shirt.png
  - Source: https://oxide.computer/blog/dtrace-conf24

## 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": "SuisseIntl",
      "role": "body"
    },
    {
      "family": "GT America Mono",
      "role": "monospace"
    }
  ],
  "colors": {
    "primary": "#002923",
    "accent": "#00D892",
    "background": "#0B0E12",
    "textPrimary": "#0B0E12",
    "link": "#00D892"
  },
  "typography": {
    "fontFamilies": {
      "primary": "SuisseIntl",
      "heading": "SuisseIntl"
    },
    "fontStacks": {
      "heading": [
        "SuisseIntl",
        "-apple-system",
        "BlinkMacSystemFont",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "SuisseIntl",
        "-apple-system",
        "BlinkMacSystemFont",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "SuisseIntl",
        "-apple-system",
        "BlinkMacSystemFont",
        "Helvetica",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "65px",
      "h2": "36px",
      "body": "25px"
    }
  },
  "spacing": {
    "baseUnit": 8,
    "borderRadius": "0px"
  },
  "components": {
    "input": {
      "background": "transparent",
      "textColor": "#DEDEDE",
      "borderColor": "#303235",
      "borderRadius": "1px",
      "borderRadiusCorners": {
        "topLeft": "1px",
        "topRight": "1px",
        "bottomRight": "1px",
        "bottomLeft": "1px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#002923",
      "textColor": "#00D892",
      "borderRadius": "2px",
      "borderRadiusCorners": {
        "topLeft": "2px",
        "topRight": "2px",
        "bottomRight": "2px",
        "bottomLeft": "2px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#5D5E61",
      "borderColor": "#1F2124",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%2290%22%20height%3D%2226%22%20viewBox%3D%220%200%2090%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22h-full%20w-auto%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M8.94141%200.763916C10.8279%200.763934%2012.4402%201.20815%2013.7744%202.09595C15.1087%202.98383%2016.1275%204.28222%2016.8301%205.99048C17.5325%207.69862%2017.8828%209.75129%2017.8828%2012.1516V14.4368C17.8828%2016.8371%2017.5325%2018.8897%2016.8301%2020.5979C16.1275%2022.3062%2015.1087%2023.6045%2013.7744%2024.4924C12.4402%2025.3803%2010.828%2025.8254%208.94141%2025.8254C7.05485%2025.8254%205.44265%2025.3802%204.1084%2024.4924C2.77411%2023.6045%201.75527%2022.3062%201.05273%2020.5979C0.350293%2018.8897%201.74586e-05%2016.8371%200%2014.4368V12.1516C3.71181e-05%209.75125%200.350272%207.69863%201.05273%205.99048C1.75527%204.28221%202.77411%202.98383%204.1084%202.09595C5.44263%201.20819%207.05489%200.763919%208.94141%200.763916ZM70.9434%2025.2366H67.7334V22.1555C66.4682%2024.4867%2064.5002%2025.6515%2061.8301%2025.6516C60.3577%2025.6516%2059.0676%2025.276%2057.9629%2024.5266C56.8584%2023.7772%2056.0071%2022.7161%2055.4082%2021.342C54.8094%2019.9696%2054.5107%2018.3704%2054.5107%2016.5481C54.5107%2014.7256%2054.8265%2013.1329%2055.46%2011.7708C56.0934%2010.4089%2056.9964%209.36032%2058.1699%208.62134C59.3436%207.88234%2060.7128%207.51395%2062.2783%207.51392C63.4745%207.51392%2064.5278%207.77301%2065.4375%208.29224C66.3471%208.81143%2067.0648%209.52125%2067.5947%2010.4211V0.175049H70.9434V25.2366ZM82.4736%207.51392C84.7987%207.51392%2086.6286%208.26336%2087.9629%209.76392C89.297%2011.2644%2089.9657%2013.3287%2089.9658%2015.9592V17.552H77.7793C77.8259%2019.1217%2078.2797%2020.385%2079.1426%2021.342C80.0056%2022.3009%2081.1506%2022.7786%2082.5781%2022.7786C83.567%2022.7785%2084.4646%2022.5194%2085.2705%2022.0002C86.0766%2021.481%2086.777%2020.7587%2087.376%2019.8362L90%2021.5325C89.149%2022.8703%2088.0785%2023.8915%2086.7891%2024.5959C85.4998%2025.3002%2084.0968%2025.6515%2082.5781%2025.6516C79.9769%2025.6516%2077.9519%2024.8209%2076.502%2023.1594C75.052%2021.4979%2074.3272%2019.1909%2074.3271%2016.2366C74.3272%2013.561%2075.0567%2011.4372%2076.5186%209.86743C77.9805%208.29772%2079.9658%207.51402%2082.4736%207.51392ZM37.457%209.93677L31.3467%2016.5139L37.4912%2023.2288L35.0752%2025.5139L28.999%2018.9016L22.957%2025.5139L20.5752%2023.2288L26.7549%2016.5481L20.5752%209.97095L22.9922%207.65161L29.1025%2014.1594L35.0752%207.65161L37.457%209.93677ZM48.4346%2022.467H53.5439V25.2366H39.9082V22.467H45.0859V10.6985H40.2529V7.92896H48.4346V22.467ZM4.47949%2020.2346C4.58831%2020.4627%204.7063%2020.6766%204.83301%2020.8752C5.73059%2022.2823%207.09969%2022.9866%208.94141%2022.9866C10.7831%2022.9865%2012.1467%2022.284%2013.0322%2020.8752C13.9177%2019.4682%2014.3613%2017.3219%2014.3613%2014.4368V12.1516C14.3613%2011.2913%2014.322%2010.4967%2014.2432%209.76782L4.47949%2020.2346ZM62.8994%2010.3518C61.3584%2010.3519%2060.1677%2010.8939%2059.3271%2011.9788C58.4866%2013.0639%2058.0664%2014.5872%2058.0664%2016.5481C58.0664%2018.509%2058.4811%2020.0736%2059.3096%2021.1692C60.138%2022.2646%2061.2996%2022.8136%2062.7959%2022.8137C64.2924%2022.8137%2065.4774%2022.2891%2066.3525%2021.2385C67.2276%2020.188%2067.6641%2018.7513%2067.6641%2016.929V16.1672C67.664%2014.3898%2067.2322%2012.9776%2066.3691%2011.927C65.5061%2010.8765%2064.3493%2010.3518%2062.8994%2010.3518ZM8.94141%203.60181C7.09974%203.60181%205.73059%204.30616%204.83301%205.71313C3.93546%207.12019%203.48637%209.26661%203.48633%2012.1516V14.4368C3.48633%2015.4637%203.54352%2016.3969%203.65723%2017.2366L13.5098%206.64575C13.3681%206.30554%2013.2092%205.99432%2013.0322%205.71313C12.1467%204.30623%2010.783%203.60184%208.94141%203.60181ZM82.4053%2010.0754C81.0244%2010.0754%2079.9139%2010.5079%2079.0732%2011.3733C78.2328%2012.2386%2077.8017%2013.4108%2077.7793%2014.887H86.6514C86.6514%2013.4106%2086.2712%2012.2387%2085.5117%2011.3733C84.7523%2010.508%2083.717%2010.0755%2082.4053%2010.0754ZM48.5381%204.43286H44.3271V0.278564H48.5381V4.43286Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20oklch(0.77%200.1919%20163.7)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://oxide.computer/favicon.svg",
    "ogImage": "https://oxide-computer-fsevt79om-oxidecomputer.vercel.app/img/meta/og-oxide.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 inferred from the URL and page title.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Subscribe",
      "reasoning": "Button #0 ('Subscribe') is the primary CTA due to its action-oriented text and use of the brand's primary color (#002923) with a vibrant accent color (#00D892)."
    },
    "secondary": {
      "index": 2,
      "text": "3Local NVMe StorageThe new Oxide Local Disk service delivers the low-latency, high-IOPS NVMe perform",
      "reasoning": "Button #2 is selected as secondary because it has a transparent background, differentiating it from the primary button's color group, and serves a supportive informational role."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "technology 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": 0,
        "selectedLogoReasoning": "Selected #0 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
    }
  }
}
```