📐 Plan dizajna

Šta će biti sajt

Hero će biti cinematic full-bleed video loop pine šume Tare u zlatnoj jutarnjoj izmaglici (ili statična 1920×1080 fotografija ako video nije dostupan), sa serif overlay naslovom 'Gde četinari dišu' centriranim u donjoj trećini i suptilnim metadata redom '1.060 m · Nacionalni park Tara · od 1979.' iznad. Single primary CTA 'Rezerviši boravak' u tamno-zelenom (#2d4a2b), sticky header poluprozirno-tamne navy preko hero-a koji posle scroll-a postaje solid. Odmah ispod, BookingBar kao unified horizontalni element na off-white traci sa tankim border-top u accent zlatnoj — datumi, gosti, promo kod, single submit, bez vizuelnog šuma.

Narativni tok kreće editorial split-blokom: leva strana fotografija lobby-ja u toploj večernjoj svetlosti, desna strana manifesto pasus 'Hotel Omorika — vaš planinski dom od 1979.' sa oversized serif drop cap 'O' u accent zlatnoj. Sledi 'Sobe i apartmani' kao editorial card grid (3 kolone, 16:9 fotografije, hover lift sa spring easing 0.4s, location/occupancy tagovi tankim sans-serif kapitalama) sa preview-om 6 najatraktivnijih iz PHOBS-a i CTA 'Sve sobe (13)'. Zatim full-bleed parallax foto-blok bazena sa overlay tekstom 'Bazen · Sauna · Teretana' — break u ritmu pre nego što se pojavi numbered section '01 — Restoran Jeremičak' u split-image-text formatu. Specijalne ponude idu kao horizontal scroll carousel sa 3 paketa, svaki kao tall card sa fotografijom + nazivom + kratkim subtitle-om. Pred kraj, 'Planina Tara' sekcija sa map-image i listom outdoor aktivnosti (šetne staze, vidikovci, biciklističke rute) kao tipografski fokusiran blok bez ikona. Footer multi-kolumni na duboko-zelenoj #1a2818 pozadini sa kompas watermark-om iz starog brand-a u 5% opacity-a.

Iz starog brand-a preživljava kompas-rose simbolika (institucionalni autoritet Vojne ustanove) i tro-hotelski portfolio link ka Beli Boru i Brezi — ali se prebacuju iz korporativne navy/crvene palete u premium pale earth/forest paletu (duboko zelena, topla krem, zlatni accent). Sticky booking bar i jasan informacioni tok ostaju kao UX kostur jer rade — ali se vizuelno re-skinuju kroz airy spacing, serif/sans hijerarhiju i CSS fade-in reveals na scroll. Crveni #e74c3c se potpuno uklanja jer signalizira 2015-era; zameljuje ga topla zlatna (#c9a961) koja čuva osećaj toplote bez staromodne agresivnosti.

Theme
mountain
Ton glasa
smiren i autentičan, sa tihim premium tonom — kao da vam šuma šapuće, ne kao da vam korporacija prodaje
🏗️ Homepage struktura

Per-sekcija breakdown (10)

  1. 01
    Hero full-bleed-cinematic-video
    Full-viewport video loop ili statična slika četinarske šume u jutarnjoj izmaglici, serif overlay naslov 'Gde četinari dišu' u donjoj trećini, metadata red '1.060 m · Nacionalni park Tara', single CTA 'Rezerviši boravak' u zlatnoj. Sticky nav počinje transparent, postaje solid posle 100px scroll.
    ↳ Audit weakness: stari hero je samo 'Home' tekst bez konteksta — emotionalno prazan. Reference what_to_steal: cinematic full-width sa brand porukom. Zamenjujemo statičan korporativan hero sa lifestyle-aspirational narativom.
  2. 02
    BookingBar sticky-unified-form-bar
    Horizontalna traka neposredno ispod hero-a (i sticky pri scroll-u), off-white pozadina sa tankim zlatnim border-top: hotel selector, dolazak, odlazak, gosti, promo kod, primary submit u forest-green.
    ↳ Audit strength što zadržavamo: sticky booking widget — konverzija dostupna svuda. Reference what_to_steal: date picker kao unified bar element. Visual upgrade: airy umesto ugušenog.
  3. 03
    Dobrodošli — manifesto editorial-split-image-text-dropcap
    50/50 split: leva fotografija lobby-ja u večernjoj svetlosti, desna 3 pasusa o tradiciji od 1979, prirodi i porodičnoj toplini, sa oversized serif drop cap 'O' u accent zlatnoj. Bez CTA — pure storytelling.
    ↳ Stari sajt ima samo generičan 'Dobrodošli' bez emocionalnog hook-a (audit weakness). Editorial split + drop cap je premium pattern koji odmah signalizira da nije WordPress default.
  4. 04
    Sobe i apartmani (preview 6) editorial-card-grid-hover-lift
    3-kolone × 2-reda grid, 16:9 fotografije, hover lift scale 1.03 + shadow expand 0.4s spring easing, naziv sobe u serif-u, occupancy + cena u sans-serif kapitalama, 'Saznaj više' link sa underline animation. CTA na dnu 'Sve sobe i apartmani (13)'.
    ↳ Reference what_to_steal: hotel cards sa hover lift + location tag. Stari sajt ima sve sobe na homepage-u u ugušenom listu — preview od 6 + link na full listing daje breathing space.
  5. 05
    Bazen · Sauna · Teretana full-bleed-parallax-photo-block
    Full-width parallax foto bazena sa staklenim zidom prema četinarima, centriran overlay tekst 'Vaša oaza nakon dana na planinskom vazduhu', tri tagovana sadržaja kao tanki underline-link redovi.
    ↳ Stari sajt ima jak content o bazenu ali ga predstavlja kao tekstualan blok — parallax break daje emocionalni respir i visualizuje wellness brand_signal.
  6. 06
    Restoran Jeremičak numbered-section-split-image-text
    Numbered header '01 — Restoran' u tankim kapitalama, split layout: leva fotografija jela ili enterijera, desna kratak narativ + lista (panoramski pogled, a la carte, nacionalna kuhinja, lobby bar), CTA 'Pogledaj meni'.
    ↳ Restoran 'Jeremičak' je named brand asset koji stari sajt jedva ističe. Numbered section je premium pattern koji daje editorial ritam.
  7. 07
    Specijalne ponude horizontal-scroll-tall-cards
    3 tall card-a (Bed&Breakfast, Halfboard, Vaskršnji paket) u horizontal scroll na desktop-u, svaki sa fotografijom 3:4, naslovom u serif-u, kratkim subtitle-om, 'Rezerviši' link.
    ↳ PHOBS daje 3 rate plana — stari sajt ih prikazuje kao generične bullet linije. Tall card carousel daje svakom paketu vizuelnu težinu.
  8. 08
    Planina Tara — okruženje typographic-list-with-map
    Levo: stylized minimalistic mapa Nacionalnog parka Tara sa pin-om hotela. Desno: tipografski list outdoor aktivnosti (šetne staze, vidikovci Banjska stena, biciklističke rute, Drina) bez ikona, sa diskretnim hover underline.
    ↳ Lokacija u nacionalnom parku je ključan brand_signal koji stari sajt ne kapitalizuje. Mapa + tipografska lista je premium 'destination' pattern (umesto generičnih ikon-row blokova).
  9. 09
    Ostali hoteli Vojne ustanove minimal-three-card-row
    Tri male kartice (Beli Bor, Breza Vrnjačka Banja, Omorika current — highlighted) sa fotografijom i location tag-om, footer-style spacing.
    ↳ Tro-hotelski portfolio je institucionalni brand_signal koji preživljava — ali se vizuelno seli iz hero pozicije (gde je sada) u sekundarnu poziciju jer Omorika sada ima sopstveni standalone identity.
  10. 10
    Footer multi-column-dark-with-watermark
    Tamno forest-green pozadina #1a2818, kompas-rose watermark u 5% opacity centriran, 4 kolone (kontakt, hoteli, info linkovi, social), copyright traka sa Vojska Srbije.
    ↳ Reference what_to_steal: compass rose watermark u footer-u — direktno preživljavanje brand_signal-a. Tamna pozadina daje grounding nakon airy content sekcija.
🎨 Key visual patterns

Patterni koji se koriste kroz sajt

oversized serif drop caps na manifesto i editorial sekcijama u accent zlatnojnumbered section headers (01, 02, 03) u tankim sans-serif kapitalama za content sekcijehover-lift na room cards sa spring easing 0.4s + shadow expandfull-bleed parallax photo blocks između content sekcija (bazen, šuma) za breathing spaceCSS fade-in reveals na scroll sa staggered delay 80-120ms za grupne elementesticky transparent-to-solid header transition pri scroll-u preko 100px
✍️ Hero copy

Generisani naslov

SR · EKAVICA
Gde četinari dišu
Hotel Omorika · 1.060 metara iznad svakodnevice · u srcu Nacionalnog parka Tara
EN
Where the pines breathe
Hotel Omorika · 1,060 meters above the everyday · in the heart of Tara National Park
🎨 Brand boje

AI predlog palete

PRIMARY
#1f3a2e
ACCENT
#c9a961
INK
#1a1f1c
BG
#f5f1e8
↳ Duboka forest-green primary referencira četinarske šume Tare i zamenjuje staromodnu institucionalnu navy iz audita; topla zlatna accent zamenjuje agresivni #e74c3c crveni (weakness iz audita) ali zadržava emocionalnu toplotu; kremasta off-white pozadina daje airy spacing koji je weakness postojećeg sajta. Paleta čuva 'planinski autoritet' brand_signal-a Vojne ustanove ali ga prebacuje iz 2015-era u premium 2025.
📋 Layout prioriteti

Redosled sekcija na homepage-u

1Hero 2Booking 3Manifesto 4Sobe 5Wellness/Bazen 6Restoran 7Ponude 8Tara/Lokacija 9Kontakt
📄 Pages to generate (7)

Stranice koje će template imati

  • Početna /index homepage
    ↳ uvek
  • Sobe i apartmani /sobe rooms-listing
    ↳ PHOBS ima 13 soba i apartmana — full listing je nužan, postojeći sajt već ima /omorika/sobe/ rute
  • Specijalne ponude /ponude packages
    ↳ PHOBS daje 3 rate plana (B&B, Halfboard, Vaskršnji paket) i postojeći sajt ima /specijalne-ponude i /omorika/cenovnici/* rute
  • Restoran Jeremičak /restoran venue
    ↳ Postojeći sajt ima /hotel-omorika/restoran sa h1 'Restoran Jeremičak' — named brand asset
  • Bazen i wellness /wellness venue
    ↳ PHOBS amenities: Indoor swimming pool, Wellness, Fitness, Sauna; postojeći sajt ima dedicated 'Bazen' content blok
  • Planina Tara /tara destination
    ↳ Lokacija u Nacionalnom parku je ključan brand_signal; postojeći footer ima 'Planina Tara' link
  • Kontakt /kontakt contact
    ↳ uvek; postojeći sajt ima Kaluđerske bare adresu, recepciju Omorike i Beograd direkciju
🏛️ Venues detected (6)

Restorani / spa / drugi prostori

  • Restoran Jeremičak /restoran-jeremicak restaurant
    ↳ h1 'Restoran Jeremičak' na /hotel-omorika/restoran
  • Zatvoreni bazen /bazen wellness
    ↳ PHOBS amenity 'Indoor swimming pool' + dedicated content blok 'Bazen' na /hotel-omorika
  • Sauna i teretana /sauna-teretana wellness
    ↳ PHOBS amenities: Wellness, Fitness
  • Lobby bar /lobby-bar bar
    ↳ PHOBS amenity 'Lobby bar'
  • Konferencijski centar /konferencijski-centar meetings
    ↳ PHOBS amenity 'Conference center / Meeting facilities'
  • Tereni i staze /sportski-tereni sport
    ↳ PHOBS amenities: Tennis courts, Bowling, Walking paths, Local excursions
⚙️ AI poziv metadata
Model:
claude-opus-4-7
Trajanje:
130.1s
Input:
18,510 tokens
Output:
5,814 tokens