> ## Documentation Index
> Fetch the complete documentation index at: https://docs.highailabs.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Logo system

> All logos for TIWIH and High IQ — clear space, sizing, backgrounds, and asset links.

## Overview

Three product logos and one character mark make up the High AI Labs visual identity system. Each serves a distinct role across web, mobile, marketing, and documentation contexts.

<Note>
  SVG versions are placeholder art pending final vector finalization. PNG versions are the current production assets and should be used for all live applications.
</Note>

## TIWIH logo

<Frame caption="TIWIH — primary logo">
  <img src="https://mintcdn.com/highailabs/d_kFkRhA5n3MsP84/images/brand/logos/tiwih-logo.png?fit=max&auto=format&n=d_kFkRhA5n3MsP84&q=85&s=0151987a6c57c58a9748cbbc5809b5c2" alt="TIWIH logo — This Is Why I'm High strain encyclopedia" width="4410" height="741" data-path="images/brand/logos/tiwih-logo.png" />
</Frame>

Primary use: website header, marketing materials, social media profiles, and partnership collateral. The TIWIH logo represents the public-facing strain encyclopedia and should be used whenever referencing the website brand.

* **Minimum width:** 120px
* **Clear space:** 1x the height of the icon on all sides
* **Preferred background:** Cream (#F7F4ED) or White (#FFFFFF)

## High IQ logo

<Frame caption="High IQ — app logo">
  <img src="https://mintcdn.com/highailabs/d_kFkRhA5n3MsP84/images/brand/logos/highiq-logo.png?fit=max&auto=format&n=d_kFkRhA5n3MsP84&q=85&s=39abc8e5599f1363420cf886f1c3a69d" alt="High IQ logo — personal cannabis intelligence app" width="2511" height="741" data-path="images/brand/logos/highiq-logo.png" />
</Frame>

Primary use: app icon, documentation site header, App Store listings, and mobile-specific marketing materials. The High IQ logo represents the personal intelligence app and should be used whenever referencing the mobile product.

* **Minimum width:** 100px
* **Clear space:** 1x the height of the icon on all sides
* **Preferred background:** Cream (#F7F4ED) or Pine Green (#18634D) with reversed variant

## Professor High mark

<Frame caption="Professor High — character avatar">
  <img src="https://mintcdn.com/highailabs/d_kFkRhA5n3MsP84/images/brand/mascot/professor-high-avatar.png?fit=max&auto=format&n=d_kFkRhA5n3MsP84&q=85&s=6aaf8f33090afc0dd3d7a9e77b8fdf18" alt="Professor High avatar — the expressive pineapple scientist" width="400" height="399" data-path="images/brand/mascot/professor-high-avatar.png" />
</Frame>

Use as avatar and icon in AI chat interfaces, blog bylines, social media profiles, and any context where Professor High appears as a character. Always use a circular crop for avatar contexts (chat bubbles, comment avatars, social profile images).

For full character guidelines including personality, visual treatments, and usage rules, see [Professor High](/brand/professor-high).

## Logo usage rules

| Do                                             | Do not                                       |
| ---------------------------------------------- | -------------------------------------------- |
| Use on approved background colors              | Place on busy or patterned backgrounds       |
| Maintain minimum clear space on all sides      | Crowd with other elements or text            |
| Use provided asset files as-is                 | Recreate, redraw, or modify the logos        |
| Scale proportionally from the center           | Stretch, rotate, or distort                  |
| Use the appropriate variant for the background | Use a light logo on a light background       |
| Pair with approved brand typography            | Pair with unapproved or decorative typefaces |

## Approved backgrounds

<Columns cols={2}>
  <Card title="Light backgrounds" icon="sun">
    **Cream (#F7F4ED)** — preferred for all standard applications. Provides warmth and brand consistency.

    **White (#FFFFFF)** — approved for clean, minimal contexts such as documentation, email templates, and print collateral.
  </Card>

  <Card title="Dark backgrounds" icon="moon">
    **Pine Green (#18634D)** — use the reversed (light) logo variant. Primary dark background for hero sections and feature highlights.

    **Charcoal (#1F2937)** — use the reversed (light) logo variant. Approved for dark mode interfaces and developer documentation.
  </Card>
</Columns>

## Asset inventory

| Asset                 | Format | Size   | Status               |
| --------------------- | ------ | ------ | -------------------- |
| TIWIH full logo       | PNG    | 537 KB | Production           |
| TIWIH icon            | SVG    | 474 B  | Placeholder          |
| High IQ full logo     | PNG    | 495 KB | Production           |
| High IQ icon          | SVG    | 480 B  | Placeholder          |
| High IQ wordmark      | SVG    | 492 B  | Placeholder          |
| Professor High        | PNG    | 454 KB | Production (resized) |
| Professor High avatar | PNG    | 146 KB | Production (resized) |

<Snippet file="brand-assets-note.mdx" />