# iyo Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #FFF3E2 |
| Accent | #C3C1FF |
| Body Font | Roobert Regular |
| Heading Font | Nbarchitekproneue |

## Color Palette

- primary: #FFF3E2
- secondary: #E8F5D2
- accent: #C3C1FF
- background: #101010
- textPrimary: #101010
- link: #C3C1FF

## Typography

- primary: Roobert Regular — https://fonts.google.com/specimen/Roobert+Regular
- heading: Nbarchitekproneue — https://fonts.google.com/specimen/Nbarchitekproneue

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%201074%20663%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M800.725%20405.248C739.363%20405.248%20700.131%20358.992%20700.131%20268.491C700.131%20174.973%20739.363%20129.723%20800.725%20129.723C862.087%20129.723%20908.36%20174.973%20908.36%20268.491C908.36%20358.992%20863.093%20405.248%20800.725%20405.248ZM800.725%200.00524902C683.131%200.00524902%20589.076%2056.7186%20552.56%20162.907H418.469L374.208%20352.959H372.196L309.828%20162.907H75.4453L0%20518.876H142.843L196.66%20264.669L293.733%20518.876L246.455%20662.672H402.375L536.365%20282.167C542.199%20445.471%20652.852%20535.971%20800.725%20535.971C954.633%20535.971%201073.33%20436.42%201073.33%20268.491C1073.33%2098.5506%20954.633%200.00524902%20800.725%200.00524902Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M252.486%2016.094H104.614L81.4766%20124.695H229.35L252.486%2016.094Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://cdn.prod.website-files.com/6842cbd0245d993ef9bf60ac/6859613b5466a4b9144f8842_iyo-32.png
- Social card (og:image): https://cdn.prod.website-files.com/6842cbd0245d993ef9bf60ac/694268b773e434a82f01bc4b_iyo-ai.png

## Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy individuals

## iyo Brand in the Wild

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

- **Set-up for your spatial listening experience — IYO Support**
  - Image: https://images.squarespace-cdn.com/content/v1/661f35f74a6077191dd98ce3/c7118cf3-f2b5-4084-a2a9-e77cc26693e6/iyo+vad+pro+bridge.png
  - Source: https://www.support.iyo.audio/vad-pro-course-1/niche-eszfp-7fe9s-7gxbp-bjkk2-f7tsa
- **Set-up for your spatial listening experience — IYO Support**
  - Image: https://images.squarespace-cdn.com/content/v1/661f35f74a6077191dd98ce3/ec6bf1ef-8b4b-4081-bd13-ffc2ce78cc32/VAD+Software+icon.png
  - Source: https://www.support.iyo.audio/vad-pro-course-1/niche-eszfp-7fe9s-7gxbp-bjkk2-f7tsa
- **Ear Impressions — IYO Support**
  - Image: https://images.squarespace-cdn.com/content/v1/661f35f74a6077191dd98ce3/870c6dca-96e5-40e1-b1a3-1eca752e7d5e/Untitled.png
  - Source: https://www.support.iyo.audio/impressions
- **Meet your VAD PRO — IYO Support**
  - Image: https://images.squarespace-cdn.com/content/v1/661f35f74a6077191dd98ce3/e8bb3273-b67c-440c-975e-1efc4c94b6f3/Welcome+Illustrations_042524_-05.png
  - Source: https://www.support.iyo.audio/vad-pro-course-1/niche-eszfp-7fe9s-r2ll2
- **Meet your VAD PRO — IYO Support**
  - Image: https://images.squarespace-cdn.com/content/v1/661f35f74a6077191dd98ce3/d8637eb0-6a66-4cab-8e35-1d85c8db47b2/Welcome+Illustrations_042524_-04.png
  - Source: https://www.support.iyo.audio/vad-pro-course-1/niche-eszfp-7fe9s-r2ll2
- **Meet your VAD PRO — IYO Support**
  - Image: https://images.squarespace-cdn.com/content/v1/661f35f74a6077191dd98ce3/45243d17-e0bc-448e-bb05-d66607b6738c/Welcome+Illustrations_042524_-03.png
  - Source: https://www.support.iyo.audio/vad-pro-course-1/niche-eszfp-7fe9s-r2ll2

## 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": "dark",
  "fonts": [
    {
      "family": "Roobert Regular",
      "role": "body"
    },
    {
      "family": "Nbarchitekproneue",
      "role": "heading"
    },
    {
      "family": "Magnetik",
      "role": "display"
    }
  ],
  "colors": {
    "primary": "#FFF3E2",
    "secondary": "#E8F5D2",
    "accent": "#C3C1FF",
    "background": "#101010",
    "textPrimary": "#101010",
    "link": "#C3C1FF"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roobert Regular",
      "heading": "Nbarchitekproneue"
    },
    "fontStacks": {
      "heading": [
        "Magnetik",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Arial",
        "Helvetica Neue",
        "Helvetica",
        "sans-serif"
      ],
      "paragraph": [
        "Magnetik",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "33.6px",
      "h2": "33.6px",
      "body": "55.68px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {},
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%201074%20663%22%20fill%3D%22none%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M800.725%20405.248C739.363%20405.248%20700.131%20358.992%20700.131%20268.491C700.131%20174.973%20739.363%20129.723%20800.725%20129.723C862.087%20129.723%20908.36%20174.973%20908.36%20268.491C908.36%20358.992%20863.093%20405.248%20800.725%20405.248ZM800.725%200.00524902C683.131%200.00524902%20589.076%2056.7186%20552.56%20162.907H418.469L374.208%20352.959H372.196L309.828%20162.907H75.4453L0%20518.876H142.843L196.66%20264.669L293.733%20518.876L246.455%20662.672H402.375L536.365%20282.167C542.199%20445.471%20652.852%20535.971%20800.725%20535.971C954.633%20535.971%201073.33%20436.42%201073.33%20268.491C1073.33%2098.5506%20954.633%200.00524902%20800.725%200.00524902Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M252.486%2016.094H104.614L81.4766%20124.695H229.35L252.486%2016.094Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://cdn.prod.website-files.com/6842cbd0245d993ef9bf60ac/6859613b5466a4b9144f8842_iyo-32.png",
    "ogImage": "https://cdn.prod.website-files.com/6842cbd0245d993ef9bf60ac/694268b773e434a82f01bc4b_iyo-ai.png",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is located in the header, links to the homepage, and matches the favicon. It is the most likely candidate to represent the brand 'iyO AI'.",
    "confidence": 0.85,
    "source": "llm"
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy individuals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0,
    "colors": 0.9,
    "overall": 0.45
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is located in the header, links to the homepage, and matches the favicon. It is the most likely candidate to represent the brand 'iyO AI'.",
        "confidence": 0.85
      }
    },
    "buttonClassification": {
      "llmCalled": false,
      "llmSucceeded": false
    }
  }
}
```