Hotel Moskva — Vision Audit

🏆 Reference sajtovi — deep Vision

Inspiracija (1 OK / 1 ukupno)

www.sacher.com ↗

4 frames

Paleta

Typography: serif heritage display (ozloglašena klasična elegancija) + sans-serif body sa visokim kontrastom, gotika sa modernom čitljivošću

Layout: hero sa parallax background > serije card-based sekcija sa staggered reveal > footer sa logotipima partnera. Vertikalni flow sa naglaskom na ritam — svaka sekcija je samostalna jedinica sa jasnom vizuelnom hierarhijom

Hero: full-viewport hero sa dark overlay-om (tekstura boja #1A1A1A) iznad luxury hotelskog imagery, serif headline 'Erleben Sie den Kern der Sacher-Welt' u medium-contrast sivom/krem tonu, CTA dugme sa burgundy akcentom (#8B1538)

Image treatment: large aspirational photography sa subtle vignette ili dark overlay za tekstost, slike se koriste kao dominantni vizuelni elementi (50-70% sekcije), masive high-res headshots uz burgundy color-coded sekcijske akente

Spacing: mixed — hero ima tight spacing prema headline, ali između glavnih sekcija ima airy whitespace sa minimalnim padding; booking widget je compact, awards sekcija ima ample breathing room

Footer: dark background (#1A1A1A), minimalan layout sa four logo partnerships (Relais & Châteaux, Sacher Wien, Leading Hotels of the World, Michelin 2025) u grayscale, serif footer mark

Section patterns

booking widget sekcija sa date picker + guest selection — light background sa card-like treatment, burgundy CTA dugmegallery showcase tri slike side-by-side sa hover scale effect i caption overlaytestimonial/feature sekcija sa minimum teksta i maksimalno slike — asymetrični layoutawards/partnership sekcija sa logotipima (Michelin 2025, Leading Hotels, Sacher Wien crest) minimalno styling sa spacious whitespacemodal/consent dialog sa tabbed interface (Consent | Details | About) — burgundy underline na aktivnom tab-u

Notable elements

burgundy (#8B1538) color-coded divider line ispod 'Consent' tab-a — visual anchor
sticky booking/CTA widget koji se verovatno aktivira nakon hero scroll
consent dialog kao modal sa three-tab structure — very prominent na svim screenshot-ima, sugeriše GDPR-first positioning
toggle switches sa burgundy ON state i black OFF state — micro-interaction detail
serif 'SACHER' akronim u footer-u sa luxury badge styling

★ What to steal

modal consent dialog sa tabbed interface (Consent | Details | About) — trebam ovaj UX pattern za GDPR compliance, ali u luxury context sa burgundy akcentom umesto standardnog plava
booking widget sticky positioning sa form fields (date range, room count, guest count, CTA button) — compact i persistent, ne zaglavljivuje sadržaj
hero parallax treatment sa dark overlay + serif title + color-coded CTA — cinematic start koji odmah signalizira premium positioning

⚡ Effects + animation

Sajt ima cinematic editorial vibe sa suptilnim ali bogata motion language — smooth parallax scroll na hero-u, fade-up sekcije koje se otklapaju na viewport entry, sticky booking widget koji persists tokom explore-a. High-end hotel positioning bez artificial motion — svaka animacija je funkcijska i restrained, u duhu luxury heritage brenda.

WordPress

Scroll: Parallax hero sa fixed background image (dark overlay holds focus na tekst), fade-up reveal sekcija dok korisnik skroluje — evidence je iz CSS @keyframes (fadeIn detektovan) i parallax klase u HTML. Smooth scroll je verovatno aktiviran jer jeflow organic bez jump-a.

Hover: Card-based sekcije imaju suptilnu scale transform na hover (31 cards sa CSS transition detektovano), dugmići su verovatno color/background shift 0.3-0.4s ease, toggle switch-evi imaju visual feedback (on = burgundy, off = dark)

Transitions: CSS transition pravila na svim interactive elementima — CTA dugmići (color/bg 0.3s), card-ovi (scale 0.4s ease-out + shadow expand), toggle switch-evi (background color 0.3s), tab underline slide-in (width/transform 0.3s). Linerna elegancija, bez jarih tweaks.

Scroll anims: Fade-in sekcije (fadeIn keyframe) aktivuju se na scroll, parallax hero sa fixed background Image koji se pomerja suprotno scrollu (parallax klasa). 7 sticky/fixed elementa detektovani — sticky nav header + verovatno booking widget koji se 'appens' nakon hero. Stroke animation (strokeanim keyframe) sugeriše SVG line animations (verovatno award badges ili decorative borders). Contanim keyframe sugeriše container reveal-e.

Video/motion: 2 auto-play video elementa detektovana (<video> tagovi) — verovatno hero background + sekcijski showcase. Bez Lottie (bi bila više interactive), čist video-based motion.

Raw DOM ▾

@keyframes: swiper-preloader-spin, header-image-scroll-line, nf-scaleout, sticky-button-animation, fa-spin, fadeIn…

cards-transition: 31 · sticky: 7 · SVG: 14

✨ Cinematic luxury heritage positioning — Sacher je institucija, ovaj sajt govori ekskluzivu kroz minimalnu pero cinematic estetiku, ciljajući iskusne travelere koji cene tradition i discretion.

Vision audit: Ova analiza je input za Faza C template-generator. AI brief (theme + brand_colors + design_brief + homepage_sections) je generisan kombinacijom ovih signala + PHOBS metadata + scraped sadržaja.