# Grupo EIC — Brand Resources

The single source of truth for the **Grupo EIC** identity: logo, colour, and
typography. _"Inteligencia que anticipa. Estrategia que define."_

Use these assets for **anything brand-facing** — propuestas, briefings, email,
documentos, decks, social, web. The corporate site (`grupo-eic-web`) uses the
same design tokens; this folder is the canonical set everything else should
match.

> **Aesthetic:** institutional intelligence brief. Deep navy canvas, a single
> celeste → indigo → violet signature gradient, a radar motif, and serif
> authority (Fraunces). Restrained, classified, premium — never neon-cheap.

---

## Folder map

```
brand/
├─ logo/
│  ├─ eic-mark.svg                        ← the radar symbol (full colour)
│  ├─ eic-mark-mono-white.svg             ← single-ink, for dark/photo bg
│  ├─ eic-mark-mono-black.svg             ← single-ink, for light/print bg
│  ├─ eic-mark-on-light.svg               ← darker gradient, for white/paper bg
│  ├─ eic-lettermark.svg                  ← "EIC" monogram (gradient)
│  ├─ eic-wordmark-on-dark.svg            ← "Grupo EIC" wordmark, light ink
│  ├─ eic-wordmark-on-light.svg           ← "Grupo EIC" wordmark, dark ink
│  ├─ eic-lockup-horizontal-on-dark.svg   ← radar + "Grupo EIC", side by side
│  ├─ eic-lockup-horizontal-on-light.svg
│  ├─ eic-lockup-stacked-on-dark.svg      ← radar over "Grupo EIC"
│  ├─ eic-lockup-stacked-on-light.svg
│  ├─ eic-icon.svg                        ← rounded app/avatar tile (radar)
│  ├─ eic-icon-lettermark.svg             ← rounded tile (EIC monogram)
│  ├─ favicon.svg                         ← browser favicon (EIC monogram tile)
│  └─ png/                                ← raster exports (transparent / tiles)
├─ color/
│  ├─ palette.svg / palette.png           ← swatch sheet
│  └─ palette.md                          ← tokens + usage
├─ type/
│  └─ typography.md                       ← fonts + scale
└─ social/
   ├─ eic-avatar.svg + png/               ← square avatar (WhatsApp / X / LinkedIn)
   └─ eic-og.svg + png/                   ← 1200×630 link-preview / OG banner
```

**SVG is the master.** Infinitely scalable; works in Illustrator, Figma, web,
email, and print. All wordmarks ship **outlined to vector paths**, so they
render identically everywhere with no font installed. Reach for the PNGs
(`logo/png/`) only when a tool can't take SVG. Need a size that isn't there?
Open the SVG and re-export.

---

## The marks

**Radar mark** — concentric rings, crosshair axes, a sweep wedge and a live
detection blip. It is the firm's promise made visual: *anticipation* — picking
up the signal before anyone else. It reads on dark, light, and single ink.

**EIC lettermark / wordmark** — "EIC" set in **Archivo Expanded 700** (caps),
filled with the signature gradient, with **"GRUPO"** demoted to a small tracked
**JetBrains Mono** label above it. The grotesque gives signage/agency authority
and holds at any size. Use the lettermark ("EIC" alone) where a compact,
letter-based mark is wanted (favicon, avatar, stamp). See `type/typography.md`.

## Clear space & minimum size

- **Clear space:** keep padding of at least the radar's outer-ring radius around
  the whole logo. The SVGs already include a comfortable margin in their viewBox.
- **Minimum size:** radar mark ≥ 24 px; horizontal lockup ≥ 132 px wide. Below
  that, prefer the mark alone or the favicon/icon.

## Don'ts

- Don't recolour the gradient outside the palette, or flatten the radar to a
  single colour by hand — use the provided mono / on-light files.
- Don't stretch, rotate, add drop shadows/outer glows, or place the colour logo
  on a low-contrast background.
- Don't rebuild the wordmark in another font — "EIC" is **Archivo Expanded 700**
  and "GRUPO" is **JetBrains Mono 500**, already outlined to curves in these files.
- Don't put the light-end gradient (`#A9D4FF`) as text on white — it fails
  contrast. Use ink or `eic-…-on-light` assets there.

---

## Quick pick

| I need…                                  | Use                                            |
|------------------------------------------|------------------------------------------------|
| App icon / avatar / favicon              | `logo/eic-icon.svg` or `logo/favicon.svg`      |
| Logo on a dark slide                     | `…-lockup-horizontal-on-dark.svg`              |
| Logo on a white document                 | `…-lockup-horizontal-on-light.svg`             |
| Compact monogram                         | `logo/eic-lettermark.svg`                      |
| Stamp / fax / single-colour print        | `logo/eic-mark-mono-black.svg`                 |
| Social link preview                      | `social/eic-og.svg`                            |
| Colours for a designer                   | `color/palette.md` + `color/palette.svg`       |

See [`color/palette.md`](color/palette.md) and [`type/typography.md`](type/typography.md)
for the full design tokens (kept in sync with `src/styles/tokens.css`).
