---
title: "Iteracije logotipa: svi oblici i varijacije koje trebate"
description: Koje verzije logotipa brend treba? Horizontalni, vertikalni, favicon, aplikacijska ikonica, monokromna, animirana – praktičan vodič kroz sve ključne iteracije
---

[Vaš brend i vi](https://dionik.hr/dionik-blog)

# [Iteracije logotipa: svi oblici i varijacije koje trebate](https://dionik.hr/dionik-blog/iteracije-logotipa-svi-oblici-i-varijacije-koje-trebate)

 Written by [The Dionik](https://dionik.hr/dionik-blog/author/the-dionik) | Jan 2, 2026 3:58:47 PM

Logo nije samo jedna slika. Logo je sustav koji treba funkcionirati na različitim mjestima i veličinama. Potrebne su verzije za web, za print, za mobilne telefone, za favicon, verzije u boji, u crnoj i bijeloj, u negativu, duge i kratke, samo ikona ili samo tekst.

Kada dizajnirate logo, zapravo dizajnirate cijelu obitelj varijacija. Svaka varijacija treba biti prepoznatljiva kao isti brend, ali optimizirana za svoju primjenu.

## 1. Osnovne iteracije logotipa

### 1.1 Horizontalni logo (primarni)

To je osnovna verzija u kojoj je tekst desno od ikonice i sve je u jednoj liniji. Koristi se na web stranicama, u zaglavlju dokumenata i na većim površinama gdje ima dovoljno mjesta.

**Karakteristike:**

- Tekst je desno od ikone.
- Sve je u horizontalnoj liniji.
- Idealna za prostore koji su širi nego viši.
- Očuvava sve detalje logotipa.

Primjer primjene: header web stranice, naslovnica brošure.

### 1.2 Vertikalni logo

Tekst je ispod ikonice i sve je u vertikalnoj liniji. Koristi se na manjim površinama, na pakiranju i na poslovnim karticama gdje je prostor uži.

**Karakteristike:**

- Tekst je ispod ikone.
- Sve je u vertikalnoj liniji.
- Idealna za površine koje su više nego što su široke.
- Čuva sve detalje.

Primjer primjene: ambalaža, poslovna kartica, profilna slika na društvenim mrežama.

### 1.3 Samo ikonica (mark)

Ovo je samo grafička ikonica bez teksta. Treba biti dovoljno prepoznatljiva da korisnici znaju o kojem je brendu riječ i bez naziva.

**Karakteristike:**

- Bez teksta.
- Samo grafički znak.
- Mora biti visoko prepoznatljiva.
- Radi kao samostalan branding element.

Primjer primjene: favicon, ikonica aplikacije, watermark.

### 1.4 Samo tekst (wordmark)

Ovo je samo naziv brenda u specifičnom fontu i boji, bez grafičke ikone.

**Karakteristike:**

- Nema grafike.
- Samo tekst.
- Font je specijalan ili custom.
- Boja je usklađena s brendom.

Primjer primjene: naslov u dokumentima, email potpis, jednostavni brending.

## 2. Verzije prema boji

### 2.1 Verzija u boji (full color)

To je originalna verzija logotipa sa svim brend bojama. Koristi se gdje je boja moguća i gdje je vizualni efekt važan.

**Karakteristike:**

- Sve boje brenda su vidljive.
- Maksimalan vizualni utjecaj.
- Pogodna za web, prezentacije i kvalitetan tisak.

Primjer primjene: web stranica, prezentacije, marketinški materijali.

### 2.2 Monokromna verzija (black and white)

Logo je samo u crnoj ili samo u bijeloj boji, bez drugih boja. Koristi se na mjestima gdje boja nije moguća ili nije praktična.

**Karakteristike:**

- Samo crna ili samo bijela.
- Mora biti čitljiva i bez boje.
- Često se koristi na jednostavnom tisku ili faksu.

Primjer primjene: crno-bijele poslovne kartice, fotokopije, pečati.

### 2.3 Verzija u sivim tonovima

Logo je izveden samo u nijansama sive. Koristi se gdje je potrebna neutralnost ili elegantniji dojam.

**Karakteristike:**

- Samo tonovi sive.
- Elegantna i minimalistička.
- Prikladna za formalne materijale.

Primjer primjene: formalni dokumenti, prezentacije s ozbiljnijim tonom.

### 2.4 Negativna verzija (reverse)

Logo je obrnut: ako je original crno na bijelom, negativna verzija je bijelo na tamnoj podlozi.

**Karakteristike:**

- Obrnut kontrast u odnosu na osnovnu verziju.
- Mora biti čitljiva na tamnoj podlozi.
- Koristi se na tamnim temama i tamnim podlogama.

Primjer primjene: web stranice s tamnom temom, plakati s crnom ili tamnom pozadinom.

## 3. Specijalizirane verzije

### 3.1 Favicon

Favicon je najmanja verzija logotipa, ikonica u tabu web preglednika. Mora biti prepoznatljiva čak i na 16x16 piksela.

**Karakteristike:**

- Tipične veličine su 16x16, 32x32, 64x64 piksela.
- Najčešće samo ikona, bez teksta.
- Mora biti čitljiva u vrlo maloj veličini.
- Obično kvadratnog formata.

Primjer primjene: browser tab, bookmarks.

### 3.2 Aplikacijska ikonica

Ikonica koja se koristi za mobilnu ili desktop aplikaciju.

**Karakteristike:**

- Najčešće kvadratna ili zaobljenog kvadrata.
- Veličine od 120x120 do 1024x1024 piksela.
- Jednostavna i prepoznatljiva.
- Dobar kontrast za različite pozadine.

Primjer primjene: ikone na home screenu mobitela, ikone desktop aplikacija.

### 3.3 Social media verzija

Logotip optimiziran za profilne slike na društvenim mrežama.

**Karakteristike:**

- Kvadratni format (npr. 512x512 piksela ili veći).
- Prepoznatljiv u maloj veličini.
- Dovoljno „zraka“ (padding) oko logotipa.

Primjer primjene: Facebook, LinkedIn i Instagram profili.

### 3.4 Watermark verzija

Verzija logotipa koja se koristi kao vodeni žig radi zaštite ili diskretnog brendiranja.

**Karakteristike:**

- Transparentna ili polutransparentna.
- Postavljena u pozadinu.
- Vidljiva, ali ne dominantna.

Primjer primjene: fotografije, videa, PDF dokumenti.

### 3.5 Animirana verzija

Logotip koji je animiran za digitalne medije.

**Karakteristike:**

- Dizajn dovoljno jednostavan da se animira.
- Animacija kratka (oko 1–3 sekunde).
- Pojačava dojam brenda, ali ne smije iritirati.

Primjer primjene: loading ekrani, video introi, animacije na webu.

### 3.6 Emoji verzija

Pojednostavljena verzija logotipa koja se koristi kao emoji ili sticker.

**Karakteristike:**

- Vrlo jednostavna forma.
- Jasna u maloj veličini (npr. 64x64 piksela).
- Može biti zabavna ili stilizirana.

Primjer primjene: Slack, Discord i druge komunikacijske platforme.

## 4. Verzije za različite medije

### 4.1 Print verzije

Logotip za ispis na papiru, posterima, brošurama.

**Karakteristike:**

- Dovoljno velika rezolucija za kvalitetan tisak.
- Dovoljno kontrasta za čitljivost.
- CMYK kolor prostor za tisak.
- Datoteke bez pretjerane kompresije.

Primjer primjene: brošure, letci, plakati.

### 4.2 Digitalne verzije

Logotip za web, email i društvene mreže.

**Karakteristike:**

- RGB kolor prostor za ekrane.
- Optimizirana veličina i rezolucija (npr. 72–300 dpi).
- PNG s transparentnom pozadinom.
- SVG za vektorsku, skalabilnu verziju.

Primjer primjene: web stranice, newsletteri, digitalni oglasi.

### 4.3 Signage verzije

Logotip za vanjske oznake, fasade i fizičke oznake.

**Karakteristike:**

- Dovoljno velik da se vidi s udaljenosti.
- Visok kontrast.
- Izvediv u fizičkim materijalima.

Primjer primjene: natpisi na zgradi, totemi, reklamni panoi.

### 4.4 Embroidery verzija

Logotip prilagođen za vezenje na tekstilu.

**Karakteristike:**

- Pojednostavljen dizajn, bez sitnih detalja.
- Jasne, čitljive linije.
- Ograničen broj boja.

Primjer primjene: vez na majicama, kapama, torbama.

## 5. Varijacije veličine

### 5.1 Minimalna veličina

Minimalna veličina na kojoj je logotip još uvijek prepoznatljiv i čitljiv.

**Karakteristike:**

- Za print, primjerice oko 10 mm x 10 mm.
- Za web, često oko 100 x 100 piksela ili više.
- Dovoljna čitljivost u toj mjeri.

Primjer primjene: favicon, male ikone na webu.

### 5.2 Maksimalna veličina

Nema stroge tehničke granice, ali treba razmisliti kako logotip izgleda na vrlo velikim formatima.

**Karakteristike:**

- Mora ostati proporcionalan.
- Mora biti jasan i na billboardu.
- Geometrija i proporcije moraju ostati iste.

Primjer primjene: veliki natpisi, sajamski panoi, billboardi.

## 6. Specijalne varijacije

### 6.1 Verzija s taglineom

Logotip kombiniran sa sloganom ili motom brenda.

**Karakteristike:**

- Logotip je iznad ili lijevo.
- Tagline ispod ili desno.
- Oba elementa moraju biti čitljiva.
- Odnos veličina treba biti uravnotežen.

Primjer primjene: naslovne stranice prezentacija, naslov brošure.

### 6.2 Verzija s kolofonom

Logotip u kombinaciji s osnovnim informacijama (web, email, adresa).

**Karakteristike:**

- Logotip je manji.
- Kontakt podaci su uz ili ispod logotipa.
- Cjelina mora biti sažeta i čitljiva.

Primjer primjene: email potpisi, poslovne kartice, footer web stranice.

### 6.3 Verzije za različite segmente

Ako brend ima više linija proizvoda ili podbrendova, mogu postojati varijacije logotipa za svaki segment.

**Karakteristike:**

- Osnovna struktura logotipa ostaje ista.
- Boje ili detalji mijenjaju se po segmentu.
- Sve verzije su jasno dio iste obitelji brenda.

Primjer primjene: osnovni brend i njegove premium, basic ili specijalne linije.

## 7. Formati datoteka za sve verzije

Za sve verzije logotipa potrebno je pripremiti različite formate datoteka.

### 7.1 Vektorski formati

- SVG – za web, skalabilan bez gubitka kvalitete.
- AI (Adobe Illustrator) – izvorni editabilni format.
- EPS – standard za tisak i mnoge produkcijske sustave.

### 7.2 Raster formati

- PNG – za web, s transparentnom pozadinom.
- JPG – za web kada transparentnost nije potrebna.
- TIFF – za visoko kvalitetan tisak.
- PDF – za prijenos i pregled gotovih verzija.

### 7.3 Specijalizirani formati

- ICO – za favicone.
- WEBP – za optimizirane web slike.
- GIF – za jednostavne animacije.
- SVG – i za kompleksnije web animacije.

Ovakav skup formata pokriva većinu potreba digitalnog i tiskanog brendiranja.

## 8. Organizacija arhive logotipa

Preporučuje se organizirana mapa sa svim verzijama, kako bi dizajneri i timovi uvijek koristili ispravne datoteke.

**Primjer strukture:**

```
Brand_Logo_Archive/
├── Primary_Logo/
│   ├── Horizontal_Color.svg
│   ├── Vertical_Color.svg
│   ├── Icon_Only.svg
│   └── Wordmark.svg
├── Color_Variations/
│   ├── Full_Color.svg
│   ├── Black_White.svg
│   ├── Monochrome.svg
│   └── Reverse.svg
├── Digital/
│   ├── Favicon_16x16.ico
│   ├── Favicon_32x32.png
│   ├── Social_Media_512x512.png
│   ├── App_Icon_1024x1024.png
│   └── Watermark.png
├── Print/
│   ├── Print_CMYK.tif
│   └── Print_Hi_Res.pdf
├── Animated/
│   ├── Loading_Animation.gif
│   ├── Logo_Animation.mp4
│   └── Intro_Animation.mp4
└── Guidelines/
    └── Brand_Guidelines.pdf
```

## Zaključak

Logo nije jedna slika, nego sustav povezanih verzija koje zajedno čine vizualni identitet brenda. Brend u pravilu treba barem 15 do 20 različitih iteracija logotipa kako bi pokrio ključne potrebe: web, print, mobilne uređaje, društvene mreže, favicon, aplikacije i ambalažu.

Kada dizajnirate brend, važno je unaprijed razmišljati o svim mjestima gdje će se logotip pojavljivati i za svako od njih planirati odgovarajuću verziju, uz konzistentnost koja gradi prepoznatljivost.

naući više o brendovima i pridruži se istomišljenicima na Brend Forumu [https://brendforum.hr/](https://brendforum.hr/)

[View full post](https://dionik.hr/dionik-blog/iteracije-logotipa-svi-oblici-i-varijacije-koje-trebate)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "The Dionik"
  },
  "dateModified" : "2026-01-02T16:05:14.766Z",
  "datePublished" : "2026-01-02T15:58:47Z",
  "headline" : "Iteracije logotipa: svi oblici i varijacije koje trebate",
  "image" : {
    "@type" : "ImageObject",
    "height" : 768,
    "url" : "https://139649248.fs1.hubspotusercontent-eu1.net/hubfs/139649248/Logo%20iterations%20%281%29.png",
    "width" : 1344
  },
  "mainEntityOfPage" : "https://dionik.hr/dionik-blog/iteracije-logotipa-svi-oblici-i-varijacije-koje-trebate",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Vaš brend i vi"
  }
}
```