# Portivo — Brand Guidelines (v0.2)

> Document inițial, pre-launch. Va fi extins după lansare cu exemple de utilizare și note legale.

## Esența brandului

Portivo este aplicația care tratează banii cu disciplina unui leu și pune portofoliul tău în mișcare. Identitatea vizuală combină **rigoarea editorială** (DM Sans, parchment background) cu **căldura latină** (accent gold, tipografie italică Cormorant Garamond pentru emfază).

**Nume:** Portivo (substantiv propriu masculin, articulat *Portivo-ul*)
**Tagline:** „Portofoliul tău, în mișcare."

---

## Logo

### Marca — constelația
Un nod central cu 5 sateliți legați radial, plus două cross-link-uri în emisfera de jos. Folosită ca favicon, în navbar, în avatar, pe medalioanele Ligii.

Marca trăiește **în cod**, nu ca fișier separat de descărcat: `src/components/v2/brand/portivo-mark.tsx` (animată, 7 stări) și `src/components/portivo/brand/lion-mark.tsx` (statică, variante `default` / `navy` / `gold` / `indigo` / `inverted`). Pentru presă, marca e inclusă în wordmark-ul de mai jos.

**Dimensiuni minime:** 16×16 px (favicon), 32×32 px (UI), 56×56 px (hero).

### Wordmark
Constelația + „PORTIVO". Trei variante, fiecare în **PNG** (3177×1028, fundal transparent) și **SVG** (vector, orice scară). Descărcabile de pe [portivo.ro/presa](https://portivo.ro/presa):

| Fișier | Utilizare |
|---|---|
| `wordmark-white.png` · `wordmark-white.svg` | fundaluri navy / închise / dark mode |
| `wordmark-black.png` · `wordmark-black.svg` | fundaluri albe / deschise / print |
| `wordmark-color.png` · `wordmark-color.svg` | varianta gold (`#D4A853`), pe fundal neutru |

**Spațiu liber în jurul logo-ului:** minim înălțimea „P"-ului din wordmark.

---

## Paleta de culori

| Token | Hex | Utilizare |
|-------|-----|-----------|
| Indigo (primary) | `#4338CA` | CTA-uri, link-uri, accente brand |
| Indigo light | `#6366F1` | Hover, dark mode primary |
| Gold | `#D4A853` | Peak moments, accente emoționale |
| Gold deep | `#B88942` | Cormorant emphasis text, badge winner |
| Gold soft | `#FBF3DD` | Backgrounds calde, eyebrow underline |
| Navy | `#061b31` | Heading color, secțiuni dark, CTA bands |
| Parchment | `#FDFBF6` | Background principal (light mode) |
| Rule | `#E4DCC9` | Borduri, separatoare |

**Nu folosi** verde ca brand primary. Verde rămâne semantic pentru câștiguri/income/success. Roșu rămâne pentru destructive/erori.

---

## Tipografie

| Familie | Greutate | Utilizare |
|---------|----------|-----------|
| **DM Sans** | 300, 400, 500 | Titluri, display text |
| **Inter** | 400, 500, 600 | Body, UI |
| **JetBrains Mono** | 400, 500 | Eyebrow uppercase, kbd, audit logs |
| **Cormorant Garamond** | 500 italic ONLY | Emfază în titluri (1-2 cuvinte max — „lives in the margins") |

**Nu folosi** Cormorant pentru body text. Doar pentru emfază scurtă, italică.

**Tracking:** Eyebrow text are `letter-spacing: 0.18em` și transformare uppercase.

---

## Don'ts

- ❌ Nu schimba culorile logo-ului în afara paletelor definite
- ❌ Nu roti, deforma sau adaugă efecte (drop shadow, glow, etc.) la lion mark
- ❌ Nu folosi Cormorant pentru paragrafe sau body text
- ❌ Nu plasa logo-ul pe fundaluri cu contrast scăzut sau imagini complexe
- ❌ Nu traduce „Portivo" — e nume propriu, nu se schimbă

---

## Contact

- **Brand & marketing:** contact@portivo.ro
- **Presă & media:** press@portivo.ro
- **Parteneri:** parteneri@portivo.ro
- **Securitate:** security@portivo.ro

---

*v0.3 · 2026-07-15 · Andrei Șerban, fondator Portivo*