← Svi hoteli
💎 Luxury · standalone

Zepter Hotel Belgrade, member of Zepter Hotels

Draft Beograd, RS ★ 4
↗ Preview
📐 Plan dizajna

Šta će biti sajt

Prva impresija je tiha i kondenzovana: hero zauzima ceo viewport, cinematic fotografija fasade Zepter Hotela na Terazijama u plavi sumrak (ili interijer SmartLife restorana sa serviranim Zepter porcelanom u close-up shotu), iznad koje se sa fade-in animacijom otkriva centriran serif naslov 'Zepter oaza u srcu Beograda' belim tonom, a ispod jedan suptilni kurzivni podnaslov i dva CTA dugmeta sa inverted styling-om — 'Rezerviši boravak' (puno gold #b8932f) i 'Otkrij hotel' (outline). Diskretan dark overlay drži tipografiju čitljivom. Booking widget nije više ugurani u hero — postaje sticky horizontalna traka koja se appear-uje na scroll, sa fine gold border-line detaljem koji nasleđuje stari geometric language.

Posetilac scrolluje i ulazi u editorial split — leva strana fotografija lobby-ja sa Zepter porcelanom, desno kratak manifesto 'Mi smo Zepter oaza' sa oversized serif drop cap 'Z' i numerisanim section header '01 — Filozofija'. Sledi sobe sekcija kao editorial card grid sa hover-zoom efektom: 7 tipova apartmana u staggered layout-u (ne klasičan 3×3 grid nego mixed widths — Presidential Suite zauzima full-width hero card jer je 333m² i to je priča za sebe). Zatim parallax photo block sa citatom Damira Sertića ('Ja sam Damir Sertić i živim svoj san'), pa restoran/bar/venues sekcija kao horizontalni snap-scroll carousel inspirisan Metropol Palace pattern-om sa side scroll indicator-ima — SmartLife, Zepresso, Garden blok, terase. Sekcija 'O Beogradu' radi kao split sa mapom i kratkim editorial copy-jem. Promo ponude (JET-LAG RESET) dobija svoju feature card. Footer je dark (skoro crna #14110f) sa gold akcentima, tri kolone, newsletter signup i 'Join Zepter Club' badge kao prestižni signal — ekvivalent Michelin badge-u iz reference.

Stari brand DNA preživljava i ojačava se: gold akcenat (#b8932f, malo dublji od trenutnog #c4a747 da bi bio premium-grade) ostaje primarni accent, geometrijski line-art border detalji se zadržavaju ali kao tanke gold linije ispod section header-a (umesto cornere ornamenta) i kao section dividers. Crna ostaje kao deep ink (#1a1614 sa toplim podtonom umesto čiste crne — luksuznije). Dodaje se warm cream/ivory bg (#f7f2ea) umesto čiste bele za body sekcije — daje editorial papier osećaj. Tipografija prelazi sa generičkog sans na display serif za naslove (Cormorant ili Playfair feel) + clean sans za body — direktno iz Metropol Palace reference, jer odgovara boutique-luxury positioning-u 'Zepter oaze'. Tihi motion language: scroll-triggered fade-ins, parallax na hero, staggered image reveals — sve ono što stari sajt nema.

Theme
luxury
Ton glasa
sofisticiran, tih i samouveren — boutique luksuz koji ne viče
🏗️ Homepage struktura

Per-sekcija breakdown (10)

  1. 01
    Hero full-bleed-cinematic
    Fullscreen fotografija fasade Zepter Hotela u sumrak ili close-up serviranog Zepter porcelana, centrirani serif naslov 'Zepter oaza u srcu Beograda' u belom, dva CTA dugmeta (gold filled + outline) sa fade-in animacijom. Suptilan dark overlay za čitljivost.
    ↳ Direktno iz Metropol reference 'fullscreen hero sa centered serif heading + dva kontrastna CTA' — what_to_steal #1. Zamenjuje generic gate-sliku starog sajta sa cinematic narativom.
  2. 02
    Sticky Booking Bar sticky-form-overlay
    Horizontalna sticky traka koja se appear-uje na scroll past hero-a — check-in/check-out, gosti, CTA 'Rezerviši'. Tanak gold border-line ispod (geometric language).
    ↳ Stari sajt ima booking widget unutar hero-a — to gušа narativ. Sticky pattern oslobađa hero da bude cinematic a booking ostaje uvek dostupan.
  3. 03
    Filozofija / O Zepter Hotelu editorial-split-image-text
    Leva polovina fotografija lobby-ja/porcelana, desna kratak manifesto sa oversized serif drop cap 'Z', numerisani section header '01 — Filozofija', citat 'Mi smo Zepter oaza i boutique hotel skriven u srcu grada'.
    ↳ Stari sajt ima ovu priču (misija/vizija) ali zakopanu — donosimo je na homepage kao editorial moment. Drop cap + numbered header = key_design_pattern koji se ponavlja.
  4. 04
    Smeštaj — 7 apartmana editorial-card-grid-mixed-widths
    Staggered grid 7 tipova soba: Deluxe, Junior, City, Grand, Royal, Imperial Suite kao standardne cards, Presidential Suite (333m²) kao full-width hero card sa zasebnim copy-jem. Hover-zoom na svakoj fotografiji.
    ↳ PHOBS ima 7 jasno diferenciranih soba — mixed-width grid pokazuje hijerarhiju umesto monotonog 3×3. Presidential 333m² zaslužuje feature treatment.
  5. 05
    Gastronomija — Damir Sertić parallax-photo-quote-block
    Full-width parallax fotografija jela ili portreta Damira Sertića, preko centriran kurzivni citat 'Ja sam Damir Sertić i živim svoj san', ispod CTA 'SmartLife restoran'.
    ↳ MasterChef priča je ozbiljan brand asset koji stari sajt zakopava. Parallax + citat daje editorial moment dostojan profesionalca.
  6. 06
    Hotelski sadržaj horizontal-snap-carousel
    Side-scroll carousel sa snap points: SmartLife restoran, Zepresso Aperitiv Bar, Garden blok, Konferencijska sala, Terasa Joy-Me, Terasa Horizont, SmartLife Fitness. Svaki kao image card sa overlay naslovom.
    ↳ Direktno iz Metropol reference — 'carousel sa snap points umesto klasičnog slider-a'. Hotel ima 7 venue-a, klasičan grid bi bio overwhelming, snap-carousel daje natural mobile interaction.
  7. 07
    O Beogradu / Lokacija split-map-editorial
    Leva polovina interaktivna mapa centra Beograda sa pin-om na Terazijama 10, desna kratak editorial tekst 'Srce Balkana' sa landmark listom (Knez Mihailova, Trg Republike, Narodno pozorište — sve 5min šetnje).
    ↳ Lokacija je glavni asset (centar centra) — stari sajt to drži na zasebnoj stranici. Split sa mapom daje praktičnu vrednost + storytelling.
  8. 08
    JET-LAG RESET paket feature-card-single
    Jedna velika feature card za jedinstveni paket iz PHOBS-a — fotografija + kratak copy + CTA 'Saznaj više'.
    ↳ PHOBS ima samo 1 paket — ne treba grid, treba feature treatment koji se ne stidi single offer-a.
  9. 09
    Join Zepter Club horizontal-banner-cta
    Tanka banner sekcija sa bordo bg, gold serif naslov 'Join Zepter Club', kratak benefit text, CTA dugme.
    ↳ Loyalty signal — stari sajt ga gura u footer svake stranice što govori da je strateški važan. Ovde dobija dostojanstvo.
  10. 10
    Footer dark-three-column-newsletter
    Deep ink bg, tri kolone (kontakt+adresa, brzi linkovi, social), newsletter signup sa email input + Subscribe, 'Join Zepter Club' badge u levoj koloni kao prestižni signal, scroll-to-top u desnoj.
    ↳ Iz Metropol reference — dark footer sa newsletter + prestige badge (Michelin → Zepter Club). Zamenjuje bland old footer.
🎨 Key visual patterns

Patterni koji se koriste kroz sajt

Oversized serif drop caps na svakoj content sekciji (Z, S, G — kao editorial casopis)Numerisani section headers '01 — Filozofija', '02 — Smeštaj' u tankoj gold linijiTanke gold horizontalne linije kao section dividers (nasleđe geometrijskih border detalja sa starog sajta)Hover-zoom na svim image cards (sobe, venues) sa subtle scale 1.05Scroll-triggered fade-in i staggered image reveals kroz ceo sajtParallax photo blocks između major sekcija za vizuelni ritamMixed-width image grid (ne uniformno) za sobe i venues — hijerarhija umesto monotonije
✍️ Hero copy

Generisani naslov

SR · EKAVICA
Zepter oaza u srcu Beograda
Boutique luksuz na Terazijama, gde se Zepter filozofija kvaliteta pretvara u svakodnevni doživljaj.
EN
A Zepter Oasis in the Heart of Belgrade
Boutique luxury on Terazije, where the Zepter philosophy of quality becomes a daily experience.
🎨 Brand boje

AI predlog palete

PRIMARY
#b8932f
ACCENT
#7a1f2b
INK
#1a1614
BG
#f7f2ea
↳ Zadržan i produbljen gold (#b8932f umesto plitkog #c4a747) kao centralni Zepter brand signal koji je već jak na starom sajtu. Bordo akcent (#7a1f2b) referira na 'Royal Bordeaux suite' iz Grand Suite kolekcije i daje toplu Beograd-luxury notu (umesto stranog browna iz Metropol reference). Ink je topla skoro-crna umesto čiste, bg ivory umesto sterilnog white-a — boutique luxury osećaj papira i mesinga.
📋 Layout prioriteti

Redosled sekcija na homepage-u

1Hero → 2Booking → 3Filozofija → 4Smeštaj → 5Gastronomija → 6Venues → 7Lokacija → 8Promo → 9Zepter Club → 10Footer
📄 Pages to generate (13)

Stranice koje će template imati

  • Početna /index homepage
    ↳ uvek
  • O Zepter Hotelu /o-hotelu about
    ↳ scraped sajt ima /o-nama i /misija-vizija-i-ciljevi — spojiti u jednu naratvinu about stranicu sa Zepter International contextom
  • Sobe i apartmani /sobe rooms-listing
    ↳ PHOBS ima 7 različitih tipova soba — od Deluxe do Presidential 333m², zaslužuje listing page
  • Detalj sobe /sobe/[slug] room-detail
    ↳ svaka soba ima opširan opis u scraped sajtu (Zepter proizvodi, dimenzije, pogled) — zaslužuje individual page
  • Posebne ponude /ponude packages
    ↳ PHOBS ima JET-LAG RESET BUSINESS PACKAGE + scraped sajt ima /promo-ponude
  • SmartLife restoran /smartlife-restoran venue
    ↳ scraped sajt ima zasebnu stranicu + Damir Sertić priča je ozbiljan brand asset
  • Zepresso Aperitiv Bar /zepresso-bar venue
    ↳ zasebna stranica u staroj nav strukturi
  • Garden blok /garden-blok venue
    ↳ scraped sajt ima /garden-blok zasebno
  • Terase Joy-Me i Horizont /terase venue
    ↳ dve terase, mogu se spojiti u jednu stranicu sa dve sekcije — događaji do 80 i 100 osoba
  • Konferencijska sala /konferencije venue
    ↳ scraped sajt ima /konferencijska-sala — 100m², 25-80 osoba, M.I.C.E asset
  • SmartLife Fitness centar /fitness venue
    ↳ scraped sajt ima zasebnu stranicu na VII spratu
  • O Beogradu /o-beogradu destination
    ↳ scraped sajt ima /o-beogradu — lokalni guide pojačava boutique poziciju
  • Kontakt /kontakt contact
    ↳ uvek + scraped contact form pattern
🏛️ Venues detected (7)

Restorani / spa / drugi prostori

  • SmartLife restoran /smartlife-restoran restaurant
    ↳ scraped /o-nama/smartlife-restoran + nav link + Damir Sertić MasterChef story
  • Zepresso Aperitiv Bar /zepresso-bar bar
    ↳ scraped /zepresso-aperitiv-bar + nav link
  • Zepter Garden Blok /garden-blok outdoor-lounge
    ↳ scraped /garden-blok + nav link
  • Konferencijska sala /konferencijska-sala meetings
    ↳ scraped /konferencijska-sala — 100m², 25-80 osoba
  • Terasa Joy-Me /terasa-joy-me terrace-events
    ↳ scraped /terasa-joy-me — kapacitet 80, II sprat
  • Terasa Horizont /terasa-horizont terrace-events
    ↳ scraped /terasa-horizont — VII sprat, do 100 osoba, panorama Beograda
  • SmartLife Fitness centar /smartlife-fitness wellness
    ↳ scraped /smartlife-fitness-centar + nav link, VII sprat
⚙️ AI poziv metadata
Model:
claude-opus-4-7
Trajanje:
130.8s
Input:
19,496 tokens
Output:
5,949 tokens