← Svi hoteli
🌊 Seaside · standalone

The New Hotel Mediteran - VILLA Edition

Draft Ulcinj, ME ★ 4
↗ Preview
📐 Plan dizajna

Šta će biti sajt

Sajt otvara cinematic full-bleed hero — fotografija villa kompleksa snimljena iz drone perspektive u zlatnom satu, sa morem i Starim gradom u pozadini. Preko slike, centriran serif all-caps naslov 'NA STENI IZNAD MORA' sa tankim sub-naslovom sans-serif 'Vila kolekcija — Ulcinj' i jedan jedini CTA 'Rezerviši boravak' u zlatno-akcentnom okviru. Nasleđujemo postojeći serif elegancijski signal (NEW MEDITERAN VILLA EDITION) ali ga čistimo — jedan naslov, jedna jasna hijerarhija, bez ponavljanja. Ispod hero-a, sticky BookingBar sa diskretnim border-om u accent terakota tonu, lebdi preko prelaza ka prvom content blok-u.

Posetilac se kreće kroz sajt po editorial ritmu pozajmljenom iz One&Only: posle hero-a dolazi split-image-text manifesto sekcija sa oversized serif drop cap 'M' — leva strana fotografija lobby-ja u sumrak, desna strana kratak narativni tekst o tome kako villa kolekcija balansira gradsku živost i privatnost mora. Zatim editorial card grid sa 3 dominantne sobe (Presidential, Premium King, Premium Junior) — slike dominiraju 70% kartice, copy je sveden na ime sobe, pogled, i 'Pogledaj' link. Sledi full-bleed parallax foto bazena sa diskretnim numerisanim section header-om '02 — Bazeni i terase'. Restoran sekcija dolazi kao split layout sa AMUL Cafe naglaskom. City Navigator (Stari grad, Valdanos, Ada Bojana) ide kao tri-kolona grid sa malim editorial fotima — direktno ukraden pattern iz One&Only Travel Guides sekcije. Završava tamnim footer-om sa multi-kolona linkovima.

Stari brand preživljava u tri ključna gesta: serif all-caps display ostaje (čak i pojačan — veći, cinematic-er), mediteranska plavo-tela paleta se zadržava ali se rafiniše ka deeper sea-blue + warm sand + accent terakota umesto generic plave, i full-bleed cinematic foto pristup ostaje srž svake sekcije. Ono što odbacujemo: repetitivni hero loop ('FROM 95€' osam puta), 50/50 room split, generic dark newsletter band — sve ide u editorial card system sa strict 8px grid ritmom i airy white space između sekcija.

Theme
seaside
Ton glasa
diskretno luksuzno, mediteranski toplo, sa cinematic narativnim tonom — ne pretenciozno
🏗️ Homepage struktura

Per-sekcija breakdown (11)

  1. 01
    Hero full-bleed-cinematic
    Drone foto villa kompleksa na brdu u zlatnom satu, more i Stari grad u kadru. Centriran serif all-caps 'NA STENI IZNAD MORA', tanki sans subtitle, jedan CTA 'Rezerviši boravak' u terakota okviru. 90vh visina.
    ↳ Zadržavamo brand_signal serif all-caps elegancije, ali rešavamo weakness hero hijerarhije — jedan naslov, jedan CTA, bez repetitivnog 'FROM 95€' loopa. Pattern direktno iz One&Only what_to_steal.
  2. 02
    BookingBar sticky-form-overlay
    Sticky horizontalna traka koja lebdi preko prelaza hero→manifesto. Datumi, gosti, sobe, CTA 'Proveri dostupnost'. Diskretan terakota border, white bg.
    ↳ Stari sajt nije imao sticky booking — gost je morao da klikne BOOK NOW u nav-u. Konverzioni upgrade.
  3. 03
    Manifesto / Dobrodošli split-image-text-dropcap
    Levo: editorial foto lobby-ja ili terase u sumrak. Desno: oversized serif drop cap 'M', kratak narativ (3-4 rečenice) o villa kolekciji, malim sans-serif 'Otkrijte priču' link.
    ↳ Pattern iz One&Only 'Wander with One&Only' sekcije — split sa 'EXPLORE' dugmetom. Zamena za dosadan welcome paragraf starog sajta.
  4. 04
    Vile i sobe (3 featured) editorial-card-grid
    3-kolonski grid: Presidential Apartment, Premium King Sea View, VIP Apartment. Slika dominira 70% kartice, ime sobe u serif, kratak descriptor (npr. 'Sa pogledom na Stari grad'), 'Pogledaj' link. Hover-zoom na slici.
    ↳ Zamena za stari 50/50 room card weakness. Pattern iz One&Only 'Signature Villas / Private Homes' tri-kolona grid.
  5. 05
    Šta vas čeka icon-row-minimal
    Horizontalni red 6 ikonica sa labelama: Bazen sa pogledom, Restoran, AMUL Cafe, Plaža 50m, Stari grad 500m, Wi-Fi. Tanke linijske ikone, sans-serif labela.
    ↳ Stari sajt ima ovu listu ali kao dosadnu lineu teksta. Vizualizacija + svedenost.
  6. 06
    Bazeni i terase full-bleed-parallax-photo
    Velika foto infinity bazena pri zalasku, parallax scroll efekt, diskretan section header '02 — BAZENI I TERASE' u donjem levom uglu, mali descriptor.
    ↳ Numbered section headers (01/02/03) iz key_design_patterns — daje cinematic ritam koji stari sajt nije imao.
  7. 07
    Restoran i AMUL Cafe split-image-text
    Levo tekst sa serif naslovom 'Mediteranska kuhinja, kao zagrljaj kuće', sub o à la carte + buffet doručku, CTA 'Rezerviši sto'. Desno editorial foto jela ili enterijera.
    ↳ Restoran je jak sadržaj iz scraped sajta (350 kapacitet, AMUL Cafe). Pattern split iz reference.
  8. 08
    Otkrijte Ulcinj three-column-editorial-grid
    3 kartice: Stari grad, Valdanos, Ada Bojana. Mala editorial foto, ime lokacije serif, distance label ('500m / 9 min hod'), kratak opis 2 reda.
    ↳ Direktno ukraden Travel Guides pattern iz One&Only what_to_steal. City Navigator je jak diferencijator starog sajta — zadržati ali rafinirati.
  9. 09
    Galerija preview asymmetric-photo-mosaic
    4-5 fotografija u asimetričnom mosaic layoutu (varying sizes), CTA 'Cela galerija' u centru.
    ↳ Zamena za standardnu gallery grid. Editorial pristup.
  10. 10
    Newsletter minimal-inline-form
    Centriran, na sand-bg (ne tamnom), serif naslov 'Ostanite u kontaktu', single email input + 'Prijavi se' dugme.
    ↳ Stari sajt ima generic dark newsletter band weakness — zameniti minimal inline pristupom.
  11. 11
    Footer multi-column-dark
    Tamna pozadina (deep sea-blue, ne crna), 4 kolone (Hotel, Sobe, Iskustva, Kontakt), social ikonice, copyright sitnim sans-serif. Logo 'MEDITERAN' all-caps levo.
    ↳ Pattern iz One&Only multi-column footer. Stari footer je verbose — skratiti naslov.
🎨 Key visual patterns

Patterni koji se koriste kroz sajt

Numerisani section headers (01 / 02 / 03) sa all-caps sans-serif labelama i generous letter-spacingOversized serif drop caps na manifesto i content sekcijamaHover-zoom (subtle 1.05 scale) na svim editorial card slikamaStrict 8px spacing grid sa generous airy white space između sekcija (96px+ vertikalni razmaci)All-caps serif display za hero i section naslove, sans-serif za body i CTAPravougaona dugmad sa terakota border-om, all-caps sans-serif tekstom (npr. 'REZERVIŠI', 'POGLEDAJ')
✍️ Hero copy

Generisani naslov

SR · EKAVICA
Na steni iznad mora
Vila kolekcija sa pogledom na Stari grad i Jadran — Ulcinj
EN
On the Cliff Above the Sea
A villa collection overlooking the Old Town and the Adriatic — Ulcinj
🎨 Brand boje

AI predlog palete

PRIMARY
#1F3A5F
ACCENT
#C97B5C
INK
#2A2A2A
BG
#F7F3EC
↳ Primary deep sea-blue nasleđuje #4A5F7F iz starog sajta ali ide ka dubljem, cinematic-ijem tonu (Mediteran u sumrak). Accent terakota (#C97B5C) zamenjuje generic #0099CC i daje mediteranski warmth — kamen, krov, zalazak — bez upadanja u stereotip. Ink i bg su rafinirani od starog #2C2C2C i belog ka warmer paleti (sand-bg umesto bele) za editorial One&Only osećaj.
📋 Layout prioriteti

Redosled sekcija na homepage-u

1Hero → 2Booking → 3Manifesto → 4Sobe → 5Bazeni → 6Restoran → 7City Navigator → 8Galerija → 9Kontakt
📄 Pages to generate (8)

Stranice koje će template imati

  • Početna /index homepage
    ↳ Uvek
  • Vile i sobe /sobe rooms-listing
    ↳ PHOBS ima 8 soba (Premium Junior, King, Gold, Twin, Triple, Presidential, VIP Apartment) — svaka zaslužuje editorial detail tretman
  • Restoran i AMUL Cafe /restoran venue
    ↳ Scraped /restaurant ima jak sadržaj (350 kapacitet, à la carte, buffet doručak) + AMUL Cafe je istaknut kroz ceo sajt
  • Bazeni i terase /bazeni-i-spa venue
    ↳ PHOBS pominje family pool + infinity heated outdoor pool sa scenic bar — jak vizuelni asset
  • Otkrijte Ulcinj /ulcinj city-guide
    ↳ Postojeći /city-navigator je jak diferencijator (Stari grad, Valdanos, Ada Bojana, Pine Forest, Sailors Mosque, Ladies Beach) — zaslužuje editorial guide tretman
  • Galerija /galerija gallery
    ↳ Postojeći /gallery sa kategorijama (AMUL Cafe, Premium Rooms, Restaurant, Pool)
  • Posebne ponude /ponude packages
    ↳ PHOBS ima Regular price rate plan + group offer iz scraped sajta ('REQUEST A CUSTOM GROUP OFFER')
  • Kontakt /kontakt contact
    ↳ Uvek + scraped sajt ima detaljnu contact stranicu sa formom
🏛️ Venues detected (5)

Restorani / spa / drugi prostori

  • Glavni restoran /restoran-glavni restaurant
    ↳ scraped /restaurant — 350 kapacitet, buffet doručak 08-10h, à la carte
  • AMUL Cafe /amul-cafe cafe-bar
    ↳ scraped /city-navigator + ponavljano kroz ceo sajt 'Discover AMUL Cafe' — 10m od hotela, kraj plaže, surrounded by pine forest
  • Infinity bazen sa barom /infinity-bazen pool
    ↳ PHOBS opis: 'infinity heated outdoor pool with a scenic bar'
  • Porodični bazen /porodicni-bazen pool
    ↳ PHOBS opis: 'family swimming pool with a bar'
  • Kongresni i banket centar /kongresna-sala events
    ↳ scraped sajt: 'banquet and wedding hall, conference hall' + amenity 'Congress Center'
⚙️ AI poziv metadata
Model:
claude-opus-4-7
Trajanje:
116.5s
Input:
20,293 tokens
Output:
5,513 tokens