Smjernice i struktura redizajna

1 Vizualni identitet

1.1 Paleta boja

Izvučena iz HTML izvora postojećeg sajta (rgba vrijednosti iz CSS-a).

⚠️ #FF4F05 koristiti za naglasak i veće UI elemente. Za mali tekst na bijeloj — koristiti #00407D.

1.2 Tipografija

Articulat CF (postojeći Typekit) → zamijeniti s Plus Jakarta Sans (Google Fonts, besplatno, vizualno ekvivalentan geometrijski sans-serif).

1.3 Ikonografija i asseti

2 Informacijska arhitektura

2.1 Nova navigacijska struktura

Ključna promjena: 63 zasebne Readymag "stranice" → 3 WordPress Custom Post Types s archivama i filterima. Navigacija s 11+ stavki → 5 u glavnom meniju.

tala.hr/
├── PLEŠI                      /plesi/
│   ├── Programi i upisi       /plesi/programi/
│   └── Razvoj publike         /plesi/razvoj-publike/
├── GLEDAJ                     /gledaj/
│   ├── Predstave (CPT)        /predstave/
│   └── Info ulaznice          /gledaj/ulaznice/
├── STVARAJ                    /stvaraj/
│   └── Projekti (CPT)         /projekti/
├── O NAMA                     /o-nama/
│   ├── Tim i misija
│   ├── Partneri
│   └── Publikacije i filmovi  /publikacije/
├── DONIRAJ  🔴                /doniraj/
│
[footer navigacija]
├── Kontakt                    /kontakt/
├── Arhiva                     /arhiva/
├── Newsletter
└── Politika privatnosti       /privatnost/

2.2 Struktura naslovne stranice

┌──────────────────────────────────────────────────────┐
│  HEADER (sticky)                                     │
│  Logo TALA  |  PLEŠI  GLEDAJ  STVARAJ  O NAMA  [🔴 DONIRAJ] │
├──────────────────────────────────────────────────────┤
│  HERO — fullscreen (min-height: 100vh)               │
│  "Prostor za ples,                                   │
│   istraživanje i zajednicu."                         │
│  [Aktualni program ↓]   [Pogledaj što radimo]        │
├────────────────┬──────────────────┬──────────────────┤
│    GLEDAJ      │      PLEŠI       │     STVARAJ      │
│  Nadolazeće    │  Programi        │  Rezidencije     │
│  predstave     │  i upisi         │  i projekti      │
│  [→ Ulaznice]  │  [→ Upis]        │  [→ Saznaj više] │
├──────────────────────────────────────────────────────┤
│  AKTUALNI PROGRAM — 3–4 kartice (grid/slider)        │
│  [Slika + naziv + datum + CTA]                       │
├──────────────────────────────────────────────────────┤
│  O NAMA — split (tekst lijevo + slika desno)         │
│  Kratki opis organizacije  [Upoznaj nas →]           │
├──────────────────────────────────────────────────────┤
│  EDUKATIVNI PROGRAMI — preview grid (3 kartice)     │
│  [Lyrical]  [Dance Vibes]  [Breaking]  [Svi →]      │
├──────────────────────────────────────────────────────┤
│  DONACIJA CTA — dark sekcija (#0F0F0F)               │
│  "Podržite nezavisnu plesnu scenu"  [🔴 DONIRAJ]    │
├──────────────────────────────────────────────────────┤
│  NEWSLETTER — inline Mailchimp forma                 │
├──────────────────────────────────────────────────────┤
│  FOOTER                                              │
│  Logo | Nav | Adresa | Social | Copyright © 2026    │
└──────────────────────────────────────────────────────┘

3 Opis stranica

3.1 Custom Post Types

4 Tehničke preporuke

Stack

Migracija sadržaja

5 UX poboljšanja

1. Programi s filterima — odabir dobi/stila/dana → instant filter bez reload-a
2. Predstave grid s filtrom (nadolazeće / archiva) — eliminira 63 zasebne stranice
3. Sticky header + CTA "DONIRAJ" u #FF4F05 — uvijek vidljiv
4. Pretraga — site search u navigaciji (trenutno ne postoji)
5. Termine i cijene programa direktno na kartici — bez "Uskoro više informacija"
6. Google Maps embed na kontakt stranici i footeru (Radnička 27)
7. GDPR cookie banner — obvezno (trenutno potpuno nedostaje!)
8. Dinamičan copyright — <?php echo date('Y'); ?>
9. Dvojezičnost (HR/EN) — preporuča se za STVARAJ sekciju (međunarodna publika)
10. Tipografija cijena — jasno istaknute na karticama programa

6 Prioriteti implementacije