📐 Plan dizajna

Šta će biti sajt

Hero novog sajta biće cinematic full-bleed fotografija drvene etno kuće u jutarnjoj magli sa Rudnikom u pozadini, snimljena u zlatnom satu — topli zemljani tonovi, dim iz dimnjaka, bez ljudi (mir kao glavni protagonista). Preko slike, centrirani serif naslov 'Tišina koja leči' u kremastoj boji sa subtilnom opacity gradijent maskom za čitljivost, ispod sans-serif podnaslov 'Etno selo na obroncima Rudnika, 95 km od Beograda', i jedan jedini CTA 'Rezerviši boravak' sa border-stroke tretmanom (kradeno iz Belmond hero-a). Scroll otkriva fixed-parallax efekat — slika ostaje, sadržaj klizi preko nje.

Nakon hero-a, posetilac ulazi u editorial split sekciju 'O selu' — fotografija unutrašnjosti kuće (drvene grede, vuneni ćilim, peć) levo, narativni tekst desno sa oversized serif drop cap 'M' (Moj Zavičaj) i kratkom pričom o 2009. i selu Trudelj. Sledi 'Smeštaj' kao editorial card grid sa 4 kuće — svaka kartica je vertikalna, dominira fotografija (3:4 ratio), ispod minimalan meta-row (m², osobe, kreveti) u monospace fontu, hover otkriva 'Saznaj više' sa fade-in animacijom. Posle smeštaja dolazi parallax foto blok prirode (potok, šuma) sa kratkim citatom u kurzivu — disanje između sekcija. Zatim potpuno autentična, brand-defining sekcija 'Tvoja bašta' kao split-image-text sa numerisanim koracima 01/02/03 (zakupi parcelu → mi gajimo → dostavljamo u Beograd) — ovo je unique selling point koji niko od konkurenata nema. Dalje 'Iskustva' (ribolov na Garskom jezeru, Ostrovica, šetnja kroz Trudelj) kao horizontalni scroll carousel, pa 'Novosti' kao 3-card editorial blok, i na kraju kontakt+lokacija sa embedded mapom i dark gray footer-om u 4 kolone (kradeno iz Belmonda).

Stari brand preživljava kroz paletu — duboka šumska zelena (#3D5A3F) zadržana iz prethodnog identiteta jer je memorable za Šumadiju, ali profinjena ka maslinastoj; topla terakota (#C97B4A) kao akcent umesto narandžaste iz starog sajta — više referenca na pečenu zemlju i ćeramidu nego Elementor template; krem belina (#F5EDE0) kao osnovna pozadina umesto sterilne bele, daje papirnati editorial feel. Tradicionalni motivi (vez, ornament) NE idu kao dekoracija — idu kao suptilan SVG separator između sekcija, jednom ili dvaput kroz ceo sajt, da ostanu specijalni. Tipografija: serif heritage display (npr. Cormorant ili PP Editorial) za naslove, čista humanist sans-serif (Inter ili Söhne) za body — high-contrast luksuzna kombinacija, ali bez stranog plavetnila Belmonda — sve je toplo, šumadijsko, domaće.

Theme
mountain
Ton glasa
tihi, nostalgični, autentično šumadijski — kao priča starijeg člana porodice; topao bez patetike, sofisticiran bez otuđenosti
🏗️ Homepage struktura

Per-sekcija breakdown (10)

  1. 01
    Hero fixed-parallax-cinematic
    Full-bleed fotografija drvene etno kuće u jutarnjoj magli, fixed parallax tako da slika ostaje dok sadržaj klizi preko. Centriran serif naslov 'Tišina koja leči', sans-serif podnaslov, jedan border-stroke CTA 'Rezerviši boravak'.
    ↳ Direktno kradeno iz Belmond what_to_steal — fixed parallax hero sa minimalnim tekstom daje cinematic luxury feel koji etno smeštaj zaslužuje a stari sajt nije imao. Zamenjuje stari statični hero sa modelom u nošnji koji je 2018-era cliché.
  2. 02
    BookingBar sticky-form-overlay
    Sticky booking forma odmah ispod hero-a, sa diskretnim border-om u terakota akcentu. Datum dolaska/odlaska + broj gostiju + CTA 'Proveri dostupnost' koji vodi na PHOBS.
    ↳ PHOBS integracija je kritična, a stari sajt nema booking widget — samo POZOVI/REZERVIŠI dugmad. Ovo je conversion fundament.
  3. 03
    O selu editorial-split-image-text
    Fotografija unutrašnjosti kuće levo (drvene grede, peć, vuneni ćilim), tekst desno sa oversized serif drop cap 'M', priča o 2009. i selu Trudelj, mikro-CTA 'Naša priča →'.
    ↳ Stari sajt ima jaku copy ('plod velikog truda, želje da se očuva duh') ali je vizuelno neispoštovana. Editorial split sa drop cap-om daje književni, nostalgični ton koji prirodno pristaje brendu.
  4. 04
    Smeštaj — 4 kuće editorial-card-grid
    2x2 grid od 4 kartice (Kuća sa 2 spavaće, Kuća za dvoje, Dvokrevetna soba, Kuća sa 1 spavaćom). Svaka kartica: vertikalna fotografija 3:4, ispod minimalan meta-row u monospace (m² · osobe · kreveti), hover otkriva 'Saznaj više'.
    ↳ Zamenjuje stari problem 'kartice sa previše informacija' — vizuelno-prvi pristup, čista hijerarhija. Stari sajt ponavlja iste kartice više puta na home-u; ovde se prikažu jednom, čisto.
  5. 05
    Priroda Rudnika parallax-photo-quote
    Full-width parallax fotografija šume/potoka, preko nje kratak citat u kurzivu ('Pitoma brda, bistri potoci, tišina.') — disanje između sekcija.
    ↳ Reference koriste parallax za emotional pacing. Stari sajt nema breathing room — sve je gusto. Ovo je moment refleksije.
  6. 06
    Tvoja bašta numbered-split-feature
    Brand-defining sekcija. Levo fotografija bašte/povrtnjaka, desno tri numerisana koraka (01 Zakupi parcelu / 02 Mi gajimo / 03 Dostavljamo u Beograd) sa serif numericima i sans-serif opisima. CTA 'Saznaj više o Tvojoj bašti'.
    ↳ Ovo je UNIKATNI USP koji niko od konkurenata nema — stari sajt ga pominje pasivno na dnu. Zaslužuje sopstvenu sekciju sa numbered pattern (kradeno iz reference notable_elements — jasna button hierarchy primenjena na koracima).
  7. 07
    U okruženju horizontal-scroll-carousel
    Horizontalno klizajuće kartice: Garsko jezero (ribolov, 15km), Ostrovica (rudnički masiv), Šetnja kroz Trudelj, Lokalna domaćinstva. Svaka kartica fotografija + naziv + udaljenost.
    ↳ PHOBS opis pominje Garsko jezero i Ostrovicu — to su konkretni razlozi zašto neko bira baš Rudnik. Stari sajt ih ne koristi kao prodajni argument.
  8. 08
    Iz zavičaja editorial-3-card-blog
    Tri najnovija članka/priče iz blog sekcije, kao editorial kartice sa fotografijom, datumom u monospace, naslovom u serif-u i kratkim excerpt-om.
    ↳ Stari sajt ima /novosti ali je prazna i loše prezentovana. Blog je SEO + emotional anchor za 'zanimljivosti i lepote Šumadije'.
  9. 09
    Kontakt i lokacija split-map-info
    Embedded mapa levo (Selo Trudelj bb), kontakt info desno sa adresom, dva telefona, email, social media ikonice. Iznad mape mali 95km marker prema Beogradu.
    ↳ Lokacija je ključni argument (95 km od BG) — vizuelizacija toga gradi poverenje.
  10. 10
    Footer 4-column-dark
    Tamna pozadina (duboka zelena #2A3D2C), 4 kolone: Kontakt, Smeštaj (linkovi), Iskustva, Newsletter signup. Ispod copyright i mali ornament SVG separator.
    ↳ Direktno iz Belmond what_to_steal — 4-kolonski balanced footer daje premium editorial feel umesto trenutno haotičnog footer-a sa duplim blokovima.
🎨 Key visual patterns

Patterni koji se koriste kroz sajt

Oversized serif drop caps na svakoj content sekciji (M, T, P) — književni, nostalgični osećajNumerisani section headers 01/02/03 u serif-u za 'Tvoja bašta' i druge feature sekcijeFixed parallax fotografije između sadržajnih sekcija kao breathing momentsMonospace font za meta-podatke (m², osobe, datumi) — daje editorial precizan kontrapunkt serif naslovimaSuptilan tradicionalni vez/ornament kao SVG separator — korišćen retko (1-2x) da ostane specijalanHover-zoom + fade-in 'Saznaj više' overlay na room cards umesto statičnih dugmadiScroll-driven fade-in revelations na svakoj sekciji (intersection observer), zamena za Elementor statiku
✍️ Hero copy

Generisani naslov

SR · EKAVICA
Tišina koja leči
Etno selo na obroncima Rudnika, 95 kilometara od Beograda — i čitav život daleko.
EN
The silence that heals
An ethno village on the slopes of Rudnik, 95 km from Belgrade — and a lifetime away.
🎨 Brand boje

AI predlog palete

PRIMARY
#3D5A3F
ACCENT
#C97B4A
INK
#2A2520
BG
#F5EDE0
↳ Šumska zelena (#3D5A3F) je evolucija postojećeg #6B8E5F brand signala iz starog sajta — zadržava prepoznatljivost Šumadije ali sa dubljim, editorial-quality tonom. Terakota akcent (#C97B4A) zamenjuje generičnu narandžasto-žutu (#D4A574) i bolje rezonuje sa pečenom zemljom, ćeramidom i lončarstvom centralne Srbije. Krem (#F5EDE0) daje papirnatu editorial pozadinu umesto sterilne bele, a duboka kestenova ink (#2A2520) podseća na drvene grede etno kuće — sve boje su iz okruženja samog sela, ne iz kataloga.
📋 Layout prioriteti

Redosled sekcija na homepage-u

1Hero 2Booking 3O selu 4Smeštaj 5Tvoja bašta 6Priroda i okruženje 7Novosti 8Kontakt
📄 Pages to generate (8)

Stranice koje će template imati

  • Početna /index homepage
    ↳ uvek
  • O selu /o-nama about-story
    ↳ Stari sajt ima jaku 'O nama' kopiju (priča iz 2009, selo Trudelj) — zaslužuje sopstvenu stranicu sa proširenim narativom umesto samo sekcije na home-u
  • Smeštaj /smestaj rooms-listing
    ↳ PHOBS ima 4 jedinice (4 kuće/sobe), stari sajt ima /smestaj rutu — listing stranica sa svim detaljima i PHOBS booking integracijom
  • Tvoja bašta /tvoja-basta feature-service
    ↳ Unikatni USP koji se pominje na home-u — zaslužuje dedicated stranicu sa cenama, procesom, fotografijama uzgoja, pričama postojećih zakupaca
  • Iskustva u okruženju /iskustva experiences
    ↳ PHOBS opis pominje Garsko jezero (ribolov), Ostrovicu, rudnički masiv — guide stranica za goste
  • Galerija /galerija gallery
    ↳ Stari sajt ima 'GALERIJA' u navigaciji — vizuelni brand kao etno selo zahteva bogatu galeriju
  • Novosti iz zavičaja /novosti blog
    ↳ Stari sajt ima /novosti rutu sa SEO meta o 'zanimljivostima i lepotama Šumadije' — vredno za SEO i emotional content
  • Kontakt /kontakt contact
    ↳ uvek + stari sajt ima /kontakt
🏛️ Venues detected (1)

Restorani / spa / drugi prostori

  • Tvoja bašta /tvoja-basta experience-service
    ↳ Scraped tekst sa home-a: 'Zakupite deo bašte u sklopu etno sela Moj Zavičaj i posadite voće ili povrće po vašem izboru' — unikatna usluga, ne klasičan venue ali zaslužuje tretman kao feature
⚙️ AI poziv metadata
Model:
claude-opus-4-7
Trajanje:
136.7s
Input:
9,857 tokens
Output:
5,757 tokens