📐 Plan dizajna

Šta će biti sajt

Hero će biti cinematic full-bleed video ili foto bornih šuma Divčibara u jutarnjoj magli sa hotelom u sredini kadra (1920×1080), centriran serif overlay 'Naša planina, vaše dvorište' u svetloj Cormorant/Playfair tipografiji, jedan jasan CTA 'Rezerviši boravak' u toploj amber/zlatnoj akcentnoj boji. Ispod hero-a sticky BookingBar sa diskretnim border-om — date picker + gosti + CTA, inspirisan Jump INN split-pristupom ali integrisan kao traka, ne form. Prvi content blok je editorial split sa numbered tag '01 — Planina' levo (oversized serif drop cap), desno warm fotografija lounge bara sa kratkim manifesto tekstom o tome šta Crni vrh znači za posetioca.

Posetilac dalje skroluje kroz airy ritam Aman-stil sekcija sa fade-in reveal-om: '02 Smeštaj' kao editorial 3-card grid (preview Superior, Apartman, President) sa hover-zoom, '03 Restorani & meni' sa istaknutim CTA dugmetom 'Pogledaj meni' koje otvara dedicated full-page meni iskustvo (klijentov eksplicitan zahtev — to mora biti vizuelno najsnažnije dugme na sekciji, sa amber pulse hover state-om), '04 Spa & Wellness' kao parallax photo block sa overlay tekstom o bazenu 20×12m i saunama, '05 Kongresi' kao kompaktna kartica sa logo wall-om referenci (Coca-Cola, Siemens, FK Crvena zvezda) jer je social proof jako jak, '06 Divčibare' kao split-image-text sa bike park hook-om. Carousel pattern (sa explicit indicator '1/4' iz Jump INN reference) koristi se za pakete jer su 4 paketa i taj UX poziva na exploration.

Stari brand signali — elegantna serif tipografija, prirodna paleta beža/smeđe/zlatne, breathing space minimalizam — preživljavaju i jačaju se. Zlatna #D4AF37 ostaje kao premium marker ali se rebalansira ka topijoj amber-honey nijansi koja korespondira sa Divčibarskim borovima i jutarnjim suncem. Dubokа forest-green primary (#2D4A3E) zamenjuje generički sivi-bež jer hotel jeste planinski (Aman Venice koristi sage green #2D5016 — ovde adaptirano ka Divčibarama). Tekstualni warmth-charcoal #1F1F1F za telo. Sve sekcije imaju subtle fade-up reveal pri scroll-u, sticky shrinking nav sa persistent 'REZERVIŠI' dugmetom u amber boji — što direktno rešava weakness-e starog sajta (slab CTA, statičnost, brošurni feel) bez gubitka sofisticiranosti koju klijent već poseduje u copy-ju.

Theme
mountain
Ton glasa
topao, kontemplativan i sofisticiran — planina kao luksuz mira, ne kao avantura
🏗️ Homepage struktura

Per-sekcija breakdown (11)

  1. 01
    Hero full-bleed-cinematic-video
    Full viewport video ili foto borova u jutarnjoj magli sa hotelom Crni vrh u kadru, soft vignette overlay, centriran serif headline 'Naša planina, vaše dvorište' + sub-text + jedan amber CTA 'Rezerviši boravak'. Subtle parallax na scroll.
    ↳ Aman what_to_steal: 'Full-width cinematic hero sa muted paletom i centered branding'. Direktno rešava old site weakness 'generička slika bez unique brand storytelling-a'.
  2. 02
    BookingBar sticky-form-overlay
    Horizontalna traka odmah ispod hero-a koja se sticky-uje pri scroll-u. Date picker + broj gostiju + CTA 'Proveri dostupnost' u amber. Diskretan forest-green border.
    ↳ Jump INN ima booking formu kao split right-side; mi adaptiramo u traku jer je manje invazivno na hero storytelling, ali zadržava conversion focus. Rešava weakness 'CTA dugme slabo izdvojeno'.
  3. 03
    Manifesto / Dobrodošli editorial-split-with-dropcap
    Numbered tag '01 — Planina' levo, oversized serif drop cap 'D' za 'Divčibare', desno warm foto. 2-3 paragrafa o filozofiji hotela (980m, čist vazduh, mir).
    ↳ Zadržava strength starog sajta — 'enfazis na tekstualnom sadržaju' — ali ga upgraduje sa drop cap pattern-om i numbered hierarchy.
  4. 04
    Smeštaj — preview 3 sobe editorial-card-grid
    3-card grid: Superior soba, President Apartman, Junior studio — svaka kartica sa cinematic photo, hover-zoom, serif naslov, sans-serif kratak opis, '01/03' indicator. CTA 'Sve sobe i apartmani' ispod.
    ↳ Aman 'Accommodation showcase - 3 kolone kartice sa image + caption, reveal na scroll'. Hotel ima 111 soba i 10 tipova — preview je nužan filter.
  5. 05
    Restorani & Meni split-image-text-with-prominent-cta
    Levo cinematic foto Restorana 4 ili pansionskog stola, desno tekst o tri F&B koncepta (Pansionski restoran, Restoran 4, Lounge bar) + DOMINANTNO amber dugme 'POGLEDAJ MENI' koje vodi na full-page dedicated meni stranicu. Sekundarni link 'Rezerviši sto'.
    ↳ Klijent eksplicitno traži: 'meni klik na dugme gde se otvori cela strana sa meni itemima'. Dugme mora biti vizuelno najsnažnije na ovoj sekciji — Jump INN lime-green pattern adaptiran u amber.
  6. 06
    Spa & Wellness parallax-photo-block
    Full-width parallax foto bazena ili saune sa subtle dark overlay, centriran tekst overlay 'Wellness putovanje na 980 metara' + lista (bazen 20×12m, finska sauna, parno kupatilo, jacuzzi) + CTA 'Rezerviši termin'.
    ↳ Aman section_pattern parallax + Jump INN landmark overlay tekst pristup. Rešava weakness 'nema immersive elemenata'.
  7. 07
    Specijalne ponude carousel-with-indicator
    Carousel sa 4 paketa (Porodica, Tišina koja spaja, Senior, Devojačko veče), explicit '1/4' indicator, swipe na mobilnom. Svaka kartica: emocionalni naslov (već postoji u copy-ju), kratak teaser, 'Saznaj više'.
    ↳ Jump INN what_to_steal: 'Carousel sa explicit page indicators'. Postojeći paket copy je odličan — samo treba pravi container.
  8. 08
    Divčibare — lokacija & aktivnosti split-image-text-alternating
    Naizmenični split blokovi: Bike Park (slika levo, tekst desno) → Planinarenje → Skijanje. Svaki sa malim numbered tag.
    ↳ Postojeći sadržaj '/lokacije' je bogat ali tekstualno težak — alternating pattern (Aman) razbija ritam.
  9. 09
    Kongresi & poslovni događaji compact-card-with-logo-wall
    Kompaktna kartica: kratak opis kongresne sale (300 mesta, 250m²) + logo wall poznatih klijenata (Coca-Cola, Siemens, Yettel, FK Crvena zvezda) kao social proof. CTA 'Pošalji upit'.
    ↳ Jak social proof signal koji stari sajt ima ali ne koristi vizuelno — logo wall je instant credibility.
  10. 10
    ESG & održivost minimal-text-with-numbers
    Tihi blok sa 3 ključna KPI broja (28-30 kWh/noćenju, 82% LED rasveta, 0.35 m³ vode/noćenju) u oversized serif brojevima + kratak tekst.
    ↳ ESG je realan diferencijator hotela u Srbiji; treba mu visual prominence ali bez preopterećenja homepage-a.
  11. 11
    Footer multi-column-dark
    Forest-green/charcoal background, 4 kolone (Hotel adresa+telefoni, Brze veze, Newsletter, Social), copyright.
    ↳ Aman/Jump INN multi-column pattern — već poznata UX konvencija za luksuzne hotele.
🎨 Key visual patterns

Patterni koji se koriste kroz sajt

Numbered section headers '01 — Planina', '02 — Smeštaj' u oversized serif sa amber tag colorOversized serif drop caps na manifesto i editorial sekcijamaHover-zoom (subtle 1.05 scale, 600ms ease) na svim room/restaurant kartamaFade-up reveal animacija (40px translate + opacity) pri scroll-u za sve sekcijeSticky shrinking navigation sa persistent amber 'REZERVIŠI' dugmetomFull-page dedicated meni iskustvo dostupno preko prominent CTA dugmeta na restoran sekciji
✍️ Hero copy

Generisani naslov

SR · EKAVICA
Naša planina, vaše dvorište
Na 980 metara visine, gde tišina borovih šuma postaje najviši luksuz.
EN
Our mountain, your backyard
At 980 meters above the world, where the silence of pine forests becomes the highest luxury.
🎨 Brand boje

AI predlog palete

PRIMARY
#2D4A3E
ACCENT
#C8954A
INK
#1F1F1F
BG
#F7F4EE
↳ Duboka forest-green primary referira borove Divčibara i prati Aman Venice sage palette, ali pomerena ka tamnijem srpskom planinskom feeling-u. Topla amber-honey accent (#C8954A) zadržava zlatni premium signal starog sajta ali rebalansiran ka organskoj toploti (umesto sjajne zlatne #D4AF37 koja je delovala generički). Warm cream bg (#F7F4EE) umesto sterilne bele zadržava 'breathing space' koji je strength starog sajta.
📋 Layout prioriteti

Redosled sekcija na homepage-u

1Hero 2Booking 3Manifesto 4Smeštaj 5Restorani & Meni 6Spa & Wellness 7Specijalne ponude 8Divčibare 9Kongresi 10ESG
📄 Pages to generate (11)

Stranice koje će template imati

  • Početna /index homepage
    ↳ uvek
  • Smeštaj /smestaj rooms-listing
    ↳ PHOBS ima 10 tipova soba, postojeći sajt ima /smestaj sa detaljnim opisima
  • Restorani & barovi /restorani venue
    ↳ Postojeći sajt ima /restoran sa 3 koncepta: Pansionski restoran, Restoran 4, Lounge bar
  • Meni /meni menu-fullpage
    ↳ EKSPLICITAN klijentov zahtev: 'meni klik na dugme gde se otvori cela strana sa meni itemima'. Dedicated stranica sa svim jelima organizovanim po kategorijama.
  • Spa & Wellness /spa-wellness venue
    ↳ Postojeći sajt ima /spa-wellness, hotel ima razvijen spa (bazen, sauna, jacuzzi, masaže)
  • Kongresi & događaji /kongresi mice
    ↳ Postojeći sajt ima /kongresi sa 300-mesta salom i jakim client list-om
  • Specijalne ponude /ponude packages
    ↳ PHOBS ima 6 rate plans, postojeći sajt ima 4 paketa sa odličnim copy-jem
  • Divčibare /divcibare destination
    ↳ Postojeći sajt ima /lokacije sa bogatim sadržajem o Bike Park-u, ski stazama, aktivnostima
  • Galerija /galerija gallery
    ↳ Postojeći sajt ima /galerija sa kategorijama Sve/Sobe/Restoran/Spa
  • ESG inicijativa /esg content
    ↳ Postojeći sajt ima /3155-2 ESG stranicu — realan diferencijator za korporativne goste
  • Kontakt /kontakt contact
    ↳ uvek
🏛️ Venues detected (5)

Restorani / spa / drugi prostori

  • Pansionski restoran /pansionski-restoran restaurant
    ↳ scraped /restoran h2 'PANSIONSKI RESTORAN', kapacitet 220 osoba, švedski sto
  • Restoran 4 — a la carte /restoran-4 restaurant
    ↳ scraped /restoran h2 'RESTORAN 4', 130 mesta, srpska kuhinja, +381 14 31 55 444
  • Lounge bar #hotelcrnivrh /lounge-bar bar
    ↳ scraped /restoran h2 'LOUNGE BAR', radno vreme 07-23h, hotelska biblioteka
  • Spa & Wellness centar /spa-wellness-centar spa
    ↳ scraped /spa-wellness, bazen 20×12m, finska sauna, parno kupatilo, jacuzzi, teretana
  • Kongresna sala /kongresna-sala conference
    ↳ scraped /kongresi, 300 mesta, 250m², deljiva pokretnim zidom
⚙️ AI poziv metadata
Model:
claude-opus-4-7
Trajanje:
141.8s
Input:
21,992 tokens
Output:
6,019 tokens