# BIRO 404 — BRAND GUIDE (SIGNAL)
R404_BRAND_SIGNAL_R01 · v1 · 2026-08-19 · Sažet i primenjiv. Detalji: `02_COLOR_TYPE/COLOR_TYPE_SYSTEM.md`, `04_MOTION/SIGNAL_MOTION_SYSTEM.md`, `16_TOKENS/brand-tokens.*`.

## 1. Ideja
`404` znači „nije pronađeno". BIRO 404 postoji da preokrene tu grešku: **NOT FOUND → SEARCHING → SIGNAL → CONNECTION → LOCK → FOUND.**
Vizuelno: skoro-crn svet u kome svetlo (zlatni SIGNAL) pronalazi ono što je važno. Na sajtu, u videu, na kartici, na fakturi — ista fizika, različit intenzitet.

## 2. Logo
- **Primarni lockup**: `BIRO` (belo/ink) + `404` (zlatno) + **bela tačka u nuli** + `DIGITALNI STUDIO` (mono). Fajl: `01_LOGO/biro404-lockup-on-dark.svg` (izbor Nenada, 2026-08-19).
- Wordmark bez sub-linije: za male širine. Compact `404`: kvadratni konteksti. **Aperture** (nula + tačka): avatar, favicon, watermark.
- Tačka u nuli = signal koji je pronašao metu. BIRO-ovo „O" je uvek puno — samo nula nosi signal.
- Varijante: on-dark (primarna), on-light (dokumenta: BIRO tamno + 404 gold-deep), white/black/gold mono.
- Clearspace: ½ visine cifre „4" sa svih strana. Minimumi: lockup 120px, wordmark 96px, 404 44px, aperture 16px (small varijanta sa većom tačkom).
- NE: rastezanje, rotacija, senke, promena odnosa tačke, drugi fontovi, tačka u BIRO-ovom „O".

## 3. Boje
Mrak: `#050505` svet · `#0a0a0b` sekcije · `#101011` paneli. Tekst: `#f4f0e6` ink · `#b7b2a6` muted · `#8b877b` dim.
Signal: `#e9b850` gold · `#ffe2a0` gold-hi · `#9a712c` gold-deep · `#f2c230` yellow (samo CTA).
Papir: `#f7f5f2` + `#141310` (dokumenta).
**Pravilo 2%**: zlatna ≤ 2% površine ekrana. Zlatna je događaj, ne dekor.

## 4. Tipografija
**Archivo** (variable, OFL): 800 naslovi/logo, 600 podnaslovi, 400 body, 250 tanki monumentalni brojevi.
**IBM Plex Mono** (500, OFL): tehnički glas — HUD, statusi (`UŽIVO`, `PRONAĐENO`), metrike, etikete; UPPERCASE + tracking 0.14em.
Ćirilica: Archivo je nema → IBM Plex Sans za ćirilične dokumente. Email: Arial stack (webfontovi ne rade u mejlu).

## 5. SIGNAL (motion)
Stanja: MRAK → SLAB → TRAŽI → SPAJA → NAĐENO → ZAKLJUČANO. Signal putuje po Bezier krivoj, prolazi IZA blokova, pali cilj (flash 180ms → gradijent 650ms → puls 2400ms). Jedan događaj po sekciji; odsustvo = ritam. Mobile: kraće vertikalne staze; reduced-motion: statično NAĐENO.
Anti-pattern: zlatna linija kroz sve sekcije; signal preko teksta; Matrix/hacker efekti.

## 6. Veliki simboli
Dozvoljeno: `404`, stvarne metrike (`54%`, cene), `%`, `→`, pin, lupa, status reči. Svaki mora imati razlog u sadržaju. Rađaju se SLABI, signal ih pronađe (ili stoje već PRONAĐENI kao posledica).

## 7. Radovi (portfolio pravila)
- Prikazujemo **hero / prvi viewport** — ne fragmente.
- Klijent zadržava svoj identitet; BIRO daje ram, status čip, tipografiju, signal liniju (`14_PROJECT_COVERS`).
- Uvek „DEO NAŠIH RADOVA" / „IZABRANI RADOVI" — nikad „svi naši sajtovi".
- Statusi: Dejan UŽIVO (klijentski domen) · SOVA PRED LANSIRANJE · bez „coming soon" jezika.

## 8. Primena
| Nosilac | Pravilo | Fajlovi |
|---|---|---|
| Vizit karta | mrak obe strane; ime BEZ titule; QR na belom tile-u | `08_BUSINESS_CARD` |
| Digitalna vizitka | ista hijerarhija, akcije 1 dodir | `09_DIGITAL_CARD` |
| Email potpis | tekstualni, jednokolonski, Arial, zlatna linija | `10_EMAIL` |
| Dokumenta | papirni svet; zlatna = linija ispod headera; coveri mrak+SIGNAL; bez pečata; bez „Poziv na broj" | `11_DOCUMENTS` (HTML+PDF+DOCX) |
| QR | print: tamno na belom; screen: svetlo na mraku; quiet zone 4 modula | `12_QR` |
| Favicon/OG | aperture na `#0a0a0b`; OG = kinematski hero + lockup | `13_FAVICON_OG` |
| Social | šabloni sa kick (mono) + sig linijom + @handle/URL footerom | `06_SOCIAL_ASSETS` |
| GBP | logo aperture, cover bez promo teksta | `07_GBP` |

## 9. Glas
Kratko, konkretno, bez magle („AI bez magle" princip R24). Brojke su uvek stvarne i sa izvorom. Mono slojem govore činjenice, Archivo slojem govori poruka. Bez: „inovativna rešenja", „digitalna transformacija", superlativa bez dokaza.

## 10. DO / DON'T
DO: mrak + jedna zlatna odluka po ekranu · stvarni radovi · statusi · monumentalna brojka sa izvorom · tačka signala kao potpis.
DON'T: zlatni tepih · 404 u svakom postu · glow na svemu · tuđi radovi bez konteksta · titula uz ime · pečat · hacker estetika.