# ECOM01 Brand Memory

Ovaj dokument je lokalna memorija za ECOM01 vizuelni jezik. Koristi ga kao prvi izvor za web, Figma, Instagram i druge dizajn materijale.

## Core Palette

| Token | Hex | Upotreba |
| --- | --- | --- |
| `primary` | `#0069CC` | Glavna ECOM01 plava: logo, CTA dugmad, linkovi, ikone, akcenti. |
| `primary-700` | `#0055A6` | Hover i tamnija aktivna stanja za primary. |
| `primary-50` | `#E6F0FA` | Svetla plava pozadina za badge, highlight kartice i blage blokove. |
| `foreground` | `#111111` | Glavna crna za tamne sekcije i jak tekst. |
| `panel-dark` | `#151515` | Tamni paneli unutar hero/CTA/dashboard prikaza. |
| `background` | `#FFFFFF` | Osnovna bela pozadina i kartice. |

## Neutral Scale

| Token | Hex | Upotreba |
| --- | --- | --- |
| `slate-50` | `#F8FAFC` | Svetle sekcije i tihe kartice. |
| `slate-100` | `#F1F5F9` | Segment controls, skeleton/loading i blage pozadine. |
| `slate-200` | `#E2E8F0` | Borderi i separatori. |
| `slate-500` | `#64748B` | Sekundarni tekst, meta informacije. |
| `slate-700` | `#334155` | Jači body tekst na svetloj pozadini. |
| `slate-900` | `#0F172A` | Tamni tekst i senke. |

## Supporting Accents

Ove boje postoje u OG/social materijalima i mogu se koristiti kao sekundarni akcenti, ali ne smeju preuzeti identitet od `#0069CC`.

| Accent | Hex | Upotreba |
| --- | --- | --- |
| Sky | `#38BDF8` | Svetloplavi tech/data detalji, mali highlight. |
| Teal | `#2DD4BF` | Operativni/status signal, retko. |
| Lime | `#A3E635` | Uspeh ili energičan mikro-akcenat, retko. |
| OG deep 1 | `#07111F` | Tamni gradient za OG/social pozadine. |
| OG deep 2 | `#0B2540` | Tamni gradient za OG/social pozadine. |
| OG deep 3 | `#073B4C` | Tamni gradient za OG/social pozadine. |

## Visual Direction

- Stil je B2B, operativan, precizan i premium, bez previše dekoracije.
- Osnova: bela/crna, slate neutralne, ECOM01 plava kao jedini dominantni akcenat.
- Tamne sekcije koriste `#111111`, unutrašnje panele `#151515`, bele tanke bordere sa malim opacity vrednostima i diskretan blueprint/grid efekat.
- Svetle sekcije koriste `#FFFFFF`, `#F8FAFC`, `#E2E8F0` i blage senke `rgb(15 23 42 / 0.04-0.08)`.
- Za CTA koristi `#0069CC`; hover/pressed ide na `#0055A6`.
- Za social/Figma objave: crna ili bela osnova, jak naslov, `#0069CC` ili svetlija plava kao highlight, uredni paneli i procesni dijagrami.

## Typography

- Body: `Inter`.
- Headings: `IBM Plex Sans`, fallback `Inter`.
- Letter spacing ostaje `0`; koristi čiste, čitljive B2B layout-e.

## Current Source Of Truth

Primarni tokeni su trenutno definisani u `frontend/src/app/globals.css`.