# Alterego Brand Identity

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

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

## Quick Facts

| Field | Value |
|---|---|
| Primary | #6E3C32 |
| Accent | #6E3C32 |
| Body Font | Alterego Repro Variable |
| Heading Font | Alterego Repro Variable |

## Color Palette

- primary: #6E3C32
- secondary: #ABB0EB
- accent: #6E3C32
- background: #FCFAF3
- textPrimary: #1A1816
- link: #0000EE

## Typography

- primary: Alterego Repro Variable — https://fonts.google.com/specimen/Alterego+Repro+Variable
- heading: Alterego Repro Variable — https://fonts.google.com/specimen/Alterego+Repro+Variable

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20viewBox%3D%220%200%2040%2025%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20width%3D%2240%22%20height%3D%2225%22%20viewBox%3D%220%200%2040%2025%22%20fill%3D%22none%22%20id%3D%22svg1177938828_1149%22%3E%0A%3Cpath%20d%3D%22M9.4915%2024.5C14.1201%2024.5%2017.1829%2022.5914%2018.9544%2019.9743C20.8401%2022.8429%2023.9944%2024.5%2028.1429%2024.5C33.3086%2024.5%2037.5486%2021.4829%2038.6572%2016.82H34.2686C33.2972%2019.38%2031.4686%2020.98%2028.0515%2020.98C24.8401%2020.98%2022.8401%2019.3343%2021.9029%2016.82H16.7372C15.9029%2019.54%2013.5486%2021.1171%209.85722%2021.1171C6.87436%2021.1171%205.19436%2019.5629%205.19436%2017.5514C5.19436%2014.1343%208.3715%2013.5286%2011.7315%2013.5286H39.0686C39.0915%2013.1629%2039.1029%2012.7971%2039.1029%2012.4314C39.1029%205.62%2034.9544%200.5%2028.1429%200.5C24.6686%200.5%2021.7772%201.83714%2019.8229%204.15714C18.1772%201.78%2015.2058%200.5%2011.1829%200.5C6.02865%200.5%201.69722%203.40286%201.40007%208.40857H5.69722C5.82293%205.79143%207.75436%203.92857%2011.2286%203.92857C15.3772%203.92857%2017.0344%206.03143%2017.0344%208.77429V10.3286H12.2801C6.62293%2010.3286%200.897217%2011.8029%200.897217%2017.5514C0.897217%2022.2943%204.71436%2024.5%209.4915%2024.5ZM21.4686%2010.2371C22.0858%206.40857%2024.2915%203.88286%2028.1429%203.88286C31.4572%203.88286%2034.3601%206.20286%2034.5429%2010.2371H21.4686Z%22%20fill%3D%22%231A1816%22%20style%3D%22fill%3A%231A1816%3Bfill%3Acolor(display-p3%200.1000%200.0925%200.0850)%3Bfill-opacity%3A1%3B%22%2F%3E%0A%3C%2Fsvg%3E%3C%2Fsvg%3E
- Favicon: https://framerusercontent.com/images/UkgB9OOxm18OI9qLw7G8joW8gU.png
- Social card (og:image): https://framerusercontent.com/images/OkUHv3Ygpd3uozThc8aO7NkUIs.png

## UI Components

- input: background=#F1EBE4, textColor=#6E3C32, borderColor=null, borderRadius=100px, shadow=rgba(110, 60, 50, 0.2) 0px 0px 0px 0px inset
- buttonPrimary: background=#6E3C32, textColor=#0000EE, borderRadius=100px, shadow=none

## Brand Personality

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

## Alterego Brand in the Wild

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

- **Alterego Announcement**
  - Image: https://i.vimeocdn.com/video/2056610451-c5ada3c27c7ce95d7a83e12fe82c61cf8fbe3e2b31a5973321df6f2254202b7d-d?f=webp
  - Source: https://www.alterego.io/
- **Alterego Headset**
  - Image: https://i.ytimg.com/vi/elyvEEUxiTU/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLD3ARpRooNBe5-LQUb3f1DfoUXkdg
  - Source: https://www.youtube.com/watch?v=elyvEEUxiTU
- **AlterEgo: a step towards symbiotic intelligence – IEEE Future Directions**
  - Image: https://futuredirections.ieee.org/wp-content/uploads/sites/44/2018/05/Alter-Ego.png
  - Source: https://futuredirections.ieee.org/2018/06/01/alterego-a-step-towards-symbiotic-intelligence/
- **AlterEGO is your WEB development office**
  - Image: https://res2.weblium.site/res/63089ca84c5a15000d0399df/63f635e37fd205000d2f3bb5_optimized
  - Source: https://alterego.digital/
- **AlterEgo - World of Warcraft Addons - CurseForge**
  - Image: https://media.forgecdn.net/attachments/851/635/main_new.png
  - Source: https://www.curseforge.com/wow/addons/alterego
- **Alterego - website design**
  - Image: https://assets.maxibestof.one/cdn-cgi/image/width=1920,quality=80,format=auto,height=3000,fit=crop,gravity=top/full/e7f2687164427ea71a8069cd52b85cef_desktop.jpg
  - Source: https://maxibestof.one/websites/81840-alterego

## 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": "Alterego Repro Variable",
      "role": "body"
    },
    {
      "family": "ABC Repro Variable",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#6E3C32",
    "secondary": "#ABB0EB",
    "accent": "#6E3C32",
    "background": "#FCFAF3",
    "textPrimary": "#1A1816",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Alterego Repro Variable",
      "heading": "Alterego Repro Variable"
    },
    "fontStacks": {
      "heading": [
        "sans-serif"
      ],
      "body": [
        "sans-serif"
      ],
      "paragraph": [
        "Alterego Repro Variable",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "12px",
      "h2": "72px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 12,
    "borderRadius": "0px"
  },
  "components": {
    "input": {
      "background": "#F1EBE4",
      "textColor": "#6E3C32",
      "borderColor": null,
      "borderRadius": "100px",
      "borderRadiusCorners": {
        "topLeft": "100px",
        "topRight": "100px",
        "bottomRight": "100px",
        "bottomLeft": "100px"
      },
      "shadow": "rgba(110, 60, 50, 0.2) 0px 0px 0px 0px inset"
    },
    "buttonPrimary": {
      "background": "#6E3C32",
      "textColor": "#0000EE",
      "borderRadius": "100px",
      "borderRadiusCorners": {
        "topLeft": "100px",
        "topRight": "100px",
        "bottomRight": "100px",
        "bottomLeft": "100px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20style%3D%22width%3A100%25%3Bheight%3A100%25%3B%22%20viewBox%3D%220%200%2040%2025%22%20preserveAspectRatio%3D%22none%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20data-fc-idx%3D%220%22%3E%3Csvg%20width%3D%2240%22%20height%3D%2225%22%20viewBox%3D%220%200%2040%2025%22%20fill%3D%22none%22%20id%3D%22svg1177938828_1149%22%3E%0A%3Cpath%20d%3D%22M9.4915%2024.5C14.1201%2024.5%2017.1829%2022.5914%2018.9544%2019.9743C20.8401%2022.8429%2023.9944%2024.5%2028.1429%2024.5C33.3086%2024.5%2037.5486%2021.4829%2038.6572%2016.82H34.2686C33.2972%2019.38%2031.4686%2020.98%2028.0515%2020.98C24.8401%2020.98%2022.8401%2019.3343%2021.9029%2016.82H16.7372C15.9029%2019.54%2013.5486%2021.1171%209.85722%2021.1171C6.87436%2021.1171%205.19436%2019.5629%205.19436%2017.5514C5.19436%2014.1343%208.3715%2013.5286%2011.7315%2013.5286H39.0686C39.0915%2013.1629%2039.1029%2012.7971%2039.1029%2012.4314C39.1029%205.62%2034.9544%200.5%2028.1429%200.5C24.6686%200.5%2021.7772%201.83714%2019.8229%204.15714C18.1772%201.78%2015.2058%200.5%2011.1829%200.5C6.02865%200.5%201.69722%203.40286%201.40007%208.40857H5.69722C5.82293%205.79143%207.75436%203.92857%2011.2286%203.92857C15.3772%203.92857%2017.0344%206.03143%2017.0344%208.77429V10.3286H12.2801C6.62293%2010.3286%200.897217%2011.8029%200.897217%2017.5514C0.897217%2022.2943%204.71436%2024.5%209.4915%2024.5ZM21.4686%2010.2371C22.0858%206.40857%2024.2915%203.88286%2028.1429%203.88286C31.4572%203.88286%2034.3601%206.20286%2034.5429%2010.2371H21.4686Z%22%20fill%3D%22%231A1816%22%20style%3D%22fill%3A%231A1816%3Bfill%3Acolor(display-p3%200.1000%200.0925%200.0850)%3Bfill-opacity%3A1%3B%22%2F%3E%0A%3C%2Fsvg%3E%3C%2Fsvg%3E",
    "favicon": "https://framerusercontent.com/images/UkgB9OOxm18OI9qLw7G8joW8gU.png",
    "ogImage": "https://framerusercontent.com/images/OkUHv3Ygpd3uozThc8aO7NkUIs.png",
    "logoHref": "./"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is the only candidate, visible, and links to the homepage, which aligns with typical logo placement and function.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Get Notified",
      "reasoning": "Button #0 with text 'Get Notified' is likely the primary CTA due to its action-oriented text and vibrant brand color background (#6E3C32), which aligns with the primary brand color."
    },
    "secondary": {
      "index": -1,
      "text": "N/A",
      "reasoning": "Both buttons share the same background color, making it impossible to select a secondary button with a different color."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "tech-savvy individuals and businesses"
  },
  "designSystem": {
    "framework": "custom",
    "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 the only candidate, visible, and links to the homepage, which aligns with typical logo placement and function.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```