← Svi hoteli
🏔️ Mountain · standalone

Hotel Putnik Kopaonik

Draft Kopaonik, RS ★ 4
↗ Preview
📐 Plan dizajna

Šta će biti sajt

Sajt otvara cinematic hero — full-bleed video ili statična fotografija Hotela Putnik u zimsko sumračno plavo veče, snežna fasada sa toplim svetlima sobnih prozora i Sunčana dolina u pozadini. Centriran serif naslov 'Vaš planinski dom na Sunčanoj dolini' u beloj, ispod tanak podnaslov u toploj bež boji, single CTA 'Rezerviši boravak' u tamno zelenoj sa zlatnom ivicom. Ispod hero-a, sticky BookingBar u beloj kartici sa diskretnim drop-shadow-om i zlatnim accent border-om — uvek dostupan, mobile-first, sa jasnim poljima i 'Najbolja cena garantovana' microcopy. Posetioca prvo dočekuje editorial split sekcija o lokaciji: leva polovina je velika foto staze Sunčana dolina 1C, desna polovina kratak manifesto teksta sa oversized drop-cap 'N' ('Na 1.650 metara, korak od staze...') i numerisanim badge-om '01 — Lokacija'.

Narativ se zatim spušta kroz sezonske blokove — alternirajući levo/desno split layout sa parallax foto pozadinom za 'Zima na Kopaoniku' (ski-in/ski-out, skijašnica, ski škola) i 'Proleće, leto, jesen' (planinarenje, biciklizam, mir). Sledi sobni preview kao editorial card grid 3+1 sa hover-zoom efektom i suptilnim card-lift-om — Standard, Family, Apartmani, Superior Vila — svaka kartica ima ime sobe u serif fontu, kapacitet badge i 'Pogledaj' link sa animiranom strelicom. Posle soba dolazi full-bleed parallax foto-blok Spa centra (bazen pod večernjim svetlom) sa preklopljenim kratkim manifestom 'Posle staze, tišina vode' i CTA ka Spa stranici. Promo paketi se prikazuju kao tri velike numerisane kartice (01/02/03) sa cenom 'Već od 100€' istaknutom u zlatnoj, jer su paketi konverziono jezgro. Restoran dobija svoj editorial split sa fotografijom švedskog stola i kratkim copy-jem. Pred kraj, posebna porodična sekcija (igraonica, deca besplatno 0-11) sa toplijom paletom i ilustrativnim ikonama. Testimonials se prikazuju kao serif pull-quote slider sa Tripadvisor atribucijom — autentičnost preživljava iz starog sajta. Footer je tamno zelen sa praktičnim info, ski-mapom widget-om i newsletter formom.

Stari brand preživljava kroz tri stvari: zadržavamo emotivnu težinu fotografije (najjača strana starog sajta), čuvamo zlatni accent kao memorable signal premiumnosti (sada kao tanke linije, badge brojeve i hover-state-ove a ne kao kompletna dugmad), i nasleđujemo booking-first filozofiju — rezervacija je vidljiva svuda. Što menjamo: tamno-mornarsko plavu zamenjujemo dubokom borovom zelenom koja je autentičnija za Kopaonik (četinari, Nacionalni park) i topla je, dodajemo bež/kremastu kao primarnu pozadinu umesto sive, uvodimo serif tipografiju (Cormorant/Fraunces) za naslove naspram univerzalnog sans-serifa, i pre svega — uvodimo motion language: fade-in on scroll, parallax foto-blokovi, card lift na hover, suptilan ripple na CTA, animirana ski-mapa u footer-u. Statični 2017 dizajn postaje živi 2026 narativ planinskog doma.

Theme
mountain
Ton glasa
topao, elegantan, gostoljubiv — premium ali porodičan, ne hladan luksuz
🏗️ Homepage struktura

Per-sekcija breakdown (13)

  1. 01
    Hero full-bleed-cinematic
    Full-screen foto/video Hotela Putnik u zimsko sumračno plavo veče — fasada sa toplim svetlima i Sunčana dolina u pozadini. Centriran serif naslov u beloj, podnaslov u toploj bež, single CTA 'Rezerviši boravak' u tamno zelenoj sa zlatnim border-om. Suptilan scroll-down indikator.
    ↳ Klijent eksplicitno traži veliku emotivnu hero fotografiju i jasan CTA. Zadržavamo strenght starog sajta (kvalitetna foto sa overlay-om) ali zamenjujemo statičnost cinematic kvalitetom — adresira weakness 'dizajn je statičan i 2015-2017 godinski'.
  2. 02
    BookingBar sticky-form-overlay
    Sticky booking kartica koja preklapa donji deo hero-a i ostaje sticky pri scroll-u na desktop-u; na mobile-u floating bottom bar. Bela pozadina, zlatni accent border, polja: Dolazak, Odlazak, Odrasli, Deca, Promo kod, Rezerviši dugme. Microcopy 'Najbolja cena garantovana — bez provizije'.
    ↳ Klijent kaže 'Booking forma mora biti uvek lako dostupna, posebno na mobilnom'. Zadržavamo booking-first DNA starog sajta (strength) ali modernizujemo sticky-overlay pattern-om.
  3. 03
    Sunčana dolina — Lokacija editorial-split-with-dropcap
    Split layout: leva polovina velika foto staze Sunčana dolina 1C u jutarnjoj svetlosti, desna polovina manifesto tekst sa oversized serif drop-cap 'N' ('Na 1.650 metara, korak od staze...'), numerisani badge '01 — LOKACIJA' u zlatnoj.
    ↳ Klijent: 'Glavni naglasak treba da bude na lokaciji hotela: Sunčana dolina'. Editorial split + drop cap je konkretan zamenjivač generičnih card layout-a starog sajta — uvodi narativ umesto liste.
  4. 04
    Cele godine — Zima / Proleće-Jesen alternating-parallax-blocks
    Dva alternirajuća puna-širina parallax bloka: 'Zima na Kopaoniku' (ski-in/ski-out, skijašnica, ski škola — foto skijaša na stazi) i 'Proleće, leto, jesen' (planinarenje, biciklizam, sportski tereni — foto staze kroz četinare). Svaki sa kratkim copy-jem i CTA.
    ↳ Klijent eksplicitno traži pozicioniranje 'cele godine — zima, proleće, leto, jesen'. Parallax blokovi adresiraju weakness 'potpuno odsustvo paralaksa ili pokretanja'.
  5. 05
    Smeštaj — preview 4 tipa editorial-card-grid
    Grid 4 velike kartice (Standard, Family, Apartmani, Superior Vila) sa hover-zoom na foto, card-lift transition, ime sobe u serif fontu, kapacitet badge ('do 4 osobe'), 'Pogledaj sobu' link sa animiranom strelicom.
    ↳ PHOBS ima 13 tipova organizovanih u 4 kategorije — zadržavamo dobru kategorizaciju starog sajta (strength). Card-lift i hover-zoom zamenjuju 'kartice nemaju depth' (weakness).
  6. 06
    Spa & Wellness full-bleed-parallax-with-overlay
    Full-bleed parallax foto bazena pod večernjim svetlom, preklopljen kratak manifesto u beloj ('Posle staze, tišina vode'), lista usluga (finska sauna, ruska banja, jacuzzi, masaže) kao tanka horizontalna lista sa zlatnim separatorima, CTA 'Otvori Spa svet'.
    ↳ Spa je jedan od top prodajnih argumenata po klijentu. Full-bleed parallax sa overlay copy-jem je cinematic pattern koji zamenjuje običnu card prezentaciju starog sajta.
  7. 07
    Promo paketi numbered-package-cards
    Tri velike numerisane kartice (01/02/03) — Perfect Spring Getaway, Proleće-Leto-Jesen 2026, Best Available Rate. Velika foto, naslov u serif, cena 'Već od 100€' istaknuta u zlatnoj, bullet lista beneficija, CTA 'Rezerviši paket'.
    ↳ PHOBS ima 25 rate planova — paketi su konverziono jezgro. Numerisane kartice (01/02/03 pattern) daju strukturu i premium osećaj — modernizuje stare promo kartice koje su bile generične.
  8. 08
    Gastro — Pansionski restoran & Sunset Cafe split-image-text
    Split: foto švedskog stola/jela sa leve strane, copy o polupansionu i Sunset Cafe-u sa desne, mali info badge-evi (250 mesta, doručak 08-10h, večera 18-20h), CTA 'Saznaj više o ponudi'.
    ↳ Klijent traži fokus na hranu/polupansion. Split-image-text je editorial pattern koji zamenjuje skromnu prezentaciju gastro-ponude na starom sajtu.
  9. 09
    Za porodice sa decom warm-feature-strip
    Topliji bež blok sa ikonama (igraonica, family sobe, deca 0-11 besplatno, spa za decu 50% popust) — 4 feature stripa sa malim ilustrovanim ikonama u zlatnoj, kratak copy ispod svake. Foto dece u igraonici kao pozadinski element.
    ↳ Klijent eksplicitno traži porodičnu sekciju. Topli pristup sa ikonama izdvaja porodice kao zasebnu publiku — modernizuje fragmentirani prikaz na starom sajtu.
  10. 10
    Kongresi i događaji compact-three-column
    Tri jednostavne kolone (Velika kongresna sala 150m², Mala kongresna sala 60m², Sala za sastanke 45m²) sa minimalističnim foto-grid-om i kapacitet info.
    ↳ Stari sajt ima jasnu events strukturu, klijent je traži zadržati. Kompaktni layout jer nije primarna konverzija — ne dominira homepage.
  11. 11
    Recenzije gostiju serif-pull-quote-slider
    Auto-slider sa velikim serif pull-quote citatima iz Tripadvisora ('Uživanje zaista ima adresu...'), ime gosta, datum, mali Tripadvisor logo. Tamno-zelena pozadina sa zlatnim navodnicima.
    ↳ Klijent traži 'autentične komentare kao dokaz poverenja'. Stari sajt ima testimonials ali bez vizuelnog uticaja — serif pull-quote ih elevira.
  12. 12
    Lokacija i ski mapa interactive-map-block
    Tamno-zeleni blok sa interaktivnom mapom Kopaonika, marker hotela, lista bliskih staza i tačaka interesa, mali widget 'Trenutno na planini' sa temperaturom i snežnim pokrivačem (preuzeto iz starog sajta).
    ↳ Stari sajt već ima ski-mapu i temperaturu widget — to je korisna funkcionalnost koju zadržavamo, ali u modernom interaktivnom obliku.
  13. 13
    Footer dark-rich-footer
    Tamno-zeleni footer sa: adresa, telefoni, email, newsletter forma sa zlatnim CTA, mini nav linkovi, social ikone, copyright. Suptilan pattern četinarskih grančica kao decoration.
    ↳ Stari footer je statičan i siv — zamena bogatim, brand-consistentnim footer-om koji ostaje memorable.
🎨 Key visual patterns

Patterni koji se koriste kroz sajt

Oversized serif drop caps na otvaranju content sekcija (Cormorant ili Fraunces, ~120px)Numerisani section header-i u zlatnoj boji (01 — LOKACIJA, 02 — SOBE, 03 — SPA)Hover-zoom + card-lift na svim room/package karticama sa cubic-bezier easeParallax foto-blokovi između sezonskih sekcija (zimska/letnja slika sa slow scroll)Sticky BookingBar sa zlatnim accent border-om — uvek vidljiv na desktop i mobileFade-in on scroll reveal za sve content blokove (300ms stagger)
✍️ Hero copy

Generisani naslov

SR · EKAVICA
Vaš planinski dom na Sunčanoj dolini
Na 1.650 metara, korak od staze — Hotel Putnik vas dočekuje tišinom Kopaonika i toplinom doma.
EN
Your mountain home on Sunny Valley
At 1,650 meters, steps from the slope — Hotel Putnik welcomes you with the silence of Kopaonik and the warmth of home.
🎨 Brand boje

AI predlog palete

PRIMARY
#1F3D2E
ACCENT
#C9A961
INK
#1A1A1A
BG
#F7F2E8
↳ Duboka borova zelena (#1F3D2E) zamenjuje stari mornarsko-plavi — autentičnija je za Nacionalni park Kopaonik (četinari) i toplija, u skladu sa klijentovim zahtevom 'tamno zelena + topla bež'. Zlatni accent (#C9A961) zadržan iz starog brand_signal-a (premium memorabilnost) ali u mekšoj, manje sjajnoj nijansi. Kremasta bež pozadina (#F7F2E8) zamenjuje hladnu sivu i daje 'topli premium porodični' osećaj koji klijent traži.
📋 Layout prioriteti

Redosled sekcija na homepage-u

1Hero → 2BookingBar → 3Lokacija (Sunčana dolina) → 4Sezone (Zima / Proleće-Jesen) → 5Sobe → 6Spa & Wellness → 7Promo paketi → 8Gastro → 9Porodice → 10Testimonials → 11Events → 12Mapa i lokacija
📄 Pages to generate (12)

Stranice koje će template imati

  • Početna /index homepage
    ↳ Uvek
  • Sobe i apartmani /sobe rooms-listing
    ↳ PHOBS ima 13 tipova soba u 4 kategorije — potrebna listing stranica
  • Promo paketi /ponude packages
    ↳ PHOBS ima 25 rate planova, stari sajt ima /promo-paketi sa 3 glavna paketa — konverziono jezgro
  • Spa & Wellness /spa-wellness venue
    ↳ Glavna prodajna tačka, stari sajt ima /welness-spa i klijent traži fokus
  • Gastro — Restoran i Sunset Cafe /restoran venue
    ↳ Stari sajt ima /pansionski-restoran + Sunset Cafe, klijent traži fokus na gastro
  • Zima na Kopaoniku /zima-skijanje experience
    ↳ Ski-in/ski-out je TOP USP — skijašnica, ski škola, staza Sunčana dolina 1C zaslužuju samostalnu stranicu
  • Leto i jesen na Kopaoniku /leto-aktivnosti experience
    ↳ Stari sajt ima /aktivnosti-kopaonik, klijent traži pozicioniranje cele godine
  • Za porodice /porodica experience
    ↳ Klijent eksplicitno traži porodičnu sekciju (igraonica, deca 0-11 besplatno)
  • Kongresi i događaji /kongresi events
    ↳ Stari sajt ima 3 kongresne sale — poslovni segment koji se zadržava
  • Galerija /galerija gallery
    ↳ Stari sajt ima galeriju, foto-vođeni redesign zahteva bogatu galeriju
  • O hotelu /o-nama about
    ↳ Stari sajt ima 'O nama', istorija od 1958. i renovacija 2018. su brand asset
  • Kontakt i lokacija /kontakt contact
    ↳ Uvek
🏛️ Venues detected (10)

Restorani / spa / drugi prostori

  • Pansionski restoran /pansionski-restoran restaurant
    ↳ scraped /pansionski-restoran, kapacitet 250, doručak 08-10h, večera 18-20h
  • Sunset Cafe /sunset-cafe bar
    ↳ scraped, naveden u nav pod Gastro
  • Spa & Wellness centar /spa-wellness spa
    ↳ scraped /welness-spa: bazen, finska sauna, ruska banja, infracrvena sauna, tursko kupatilo, jacuzzi, masaže
  • Fitnes centar /fitnes-centar fitness
    ↳ scraped /fitnes-centar
  • Velika kongresna sala /velika-kongresna-sala event-hall
    ↳ scraped, 150m², kapacitet 100, dnevna svetlost
  • Mala kongresna sala /mala-kongresna-sala event-hall
    ↳ scraped, 60m², dnevna svetlost
  • Sala za sastanke /sala-za-sastanke event-hall
    ↳ scraped, 45m², detalji od drveta
  • Dečija igraonica /igraonica kids
    ↳ scraped, navedena u nav pod Dodatni sadržaji
  • Skijašnica (Snow Stars Team) /skijasnica activity
    ↳ scraped /skijasnica, iznajmljivanje opreme i ski škola
  • Sportski tereni /sportski-tereni activity
    ↳ scraped /sportski-tereni, multifunkcionalni teren
⚙️ AI poziv metadata
Model:
claude-opus-4-7
Trajanje:
136.6s
Input:
21,605 tokens
Output:
7,612 tokens