# ENTIA Logo Usage

All assets are PNG / SVG / ICO copies from `public_html/`.

## Primary marks

| File | Origin | Use |
|---|---|---|
| `entia_logo_official.png` | `assets/entia_logo_official.png` | Official logotype `>>\| ENTIA — DEFINING WHAT EXISTS FOR AI™`. JSON-LD `Organization.logo`. Headers in landings, emails, PDF audit reports. |
| `entia_logo_final.png` | `assets/entia_logo_final.png` | Alt logotype variant. Use only if `entia_logo_official.png` proportions don't fit. |
| `logo.png` | `assets/logo.png` | Generic logo fallback. Avoid in new work — prefer `entia_logo_official.png`. |
| `entia_verified_seal.png` | `assets/entia_verified_seal.png` | ENTIA VERIFIED ID circular seal. Trust-mark on Entia Homes, Notaría receipts, certificates. NEVER use as a primary logo. |

## Inline brand mark (SVG, in code)

The compact brand mark used in `<nav>` is inline SVG, not a file. Source from `mcp-setup.html` line 233:

```html
<svg viewBox="0 0 36 28" fill="none" width="32" height="24">
  <path d="M2 4L11 14L2 24" stroke="#3B82F6" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M10 4L19 14L10 24" stroke="#fff" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"/>
  <rect x="25" y="3" width="2.5" height="22" rx="1.25" fill="#3B82F6"/>
</svg>
```

Pattern: two chevrons (`>>`) in blue + white, plus a vertical bar. Reads as `>>|`.

Wordmark companion in HTML:
```html
<div style="font-size:16px;font-weight:800;letter-spacing:.06em;color:#fff">ENT<span style="color:#3B82F6">IA</span></div>
<div style="font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:.18em;color:#A0A0C0;text-transform:uppercase">Defining AI Trust</div>
```

The `IA` is colored blue to highlight the AI suffix. This is consistent across all current landings.

## MCP-specific mark

`entia-mcp-logo.svg` — variant used on `mcp-setup` and `mcp-docs` pages and in MCP-directory listings (Smithery, Anthropic Connectors).

## Favicons

All favicon variants are mirrored:

| File | Size | Use |
|---|---|---|
| `favicon.ico` | multi (16/32/48) | Default browser tab |
| `entia_favicon.ico` | multi | Legacy alias — same content as `favicon.ico` |
| `favicon-16x16.png` | 16 | Browser tab high-DPI fallback |
| `favicon-32x32.png` | 32 | Browser tab high-DPI |
| `favicon-48x48.png` | 48 | Windows site tile |
| `favicon-192x192.png` | 192 | PWA / Android home screen |
| `favicon-512x512.png` | 512 | PWA splash |
| `apple-touch-icon.png` | 180 | iOS home screen |
| `android-chrome-192x192.png` | 192 | Android Chrome |
| `android-chrome-512x512.png` | 512 | Android Chrome splash |
| `site.webmanifest` | — | PWA manifest (`name`: ENTIA, `theme_color`: #000000, `background_color`: #000000, `display`: standalone) |
| `favicon-root.png` | — | Copy of root `favicon.png` |
| `favicon-asset.png` | — | Copy of `assets/favicon.png` |

All favicons are derived from the `>>|` mark in `entia_logo_official.png`.

## Clear-space and minimum sizes

Not formally documented in code. Suggested defaults for Design to ratify:
- Logotype minimum height: 24 px (digital), 16 mm (print)
- Inline brand mark minimum height: 20 px
- Verified seal minimum diameter: 48 px
- Clear space: ≥ height of `>>|` mark on all sides

## Color treatments

| Treatment | When to use |
|---|---|
| Blue `>>` + white `\|` (default) | Dark backgrounds (`#010409`, `#08081A`) |
| All-blue | Hero accents, when wordmark is white |
| All-white | Photographic / colored backgrounds |
| All-black | Print, light backgrounds |

No source file is provided for the all-black treatment yet — see `MISSING.md`.

## What NOT to do

- Do not place logo on green / red / amber backgrounds (status colors).
- Do not stretch the chevrons. The `stroke-linecap="round"` and `stroke-linejoin="round"` are part of the identity.
- Do not separate the wordmark `ENTIA` from the `>>|` mark in the same composition unless space requires it.
- Do not use the verified seal next to a competitor logo (implies endorsement).
- Do not animate the wordmark in body content. The heartbeat keyframe (`entia-heartbeat` in `entia-nav.js`) is reserved for the nav.
