Hotel Millennium by Aycon — Vision Audit

🏆 Reference sajtovi — deep Vision

Inspiracija (2 OK / 2 ukupno)

aman.com ↗

4 frames

Paleta

Typography: serif heritage display za headings (elegant, minimalistički) + sans-serif za body, extremno visoki kontrast bela/crna, duhovit razmak

Layout: Full-width sekcije sa alternacijom—hero video/slika full viewport, zatim white card sekcije sa padding, landing na footer kao lista linkova u multi-kolumnom grid-u

Hero: Immersive video/fotografski background (Venice lagoon scenery), centered logo, transparentni tekst overlay, cookie consent modal frontfloat sa pristojnim whitespace, soft fade-in animacija pri load-u

Image treatment: Cinematic full-width background za hero, atmospheric (muted greens/taupes), geen fast loading—lazy loading detectovan. Card imagery mala, subtle, art-directed. Map tile-ovi iz Mapbox sa ikonica markerima (AMAN VENICE, train station icons)

Spacing: mixed—hero je airy (dosta negative space), card sekcije su moderate padding, footer je compact/dense sa text linkovima

Footer: Темна background (likely #1A1A1A), white/light gray text organized u ~5 kolumni (Aman Group links, properties list, legal/policy links), social icon row (Facebook, X, Instagram, YouTube, Pinterest, Weibo, WeChat, Zhihu, WhatsApp), copyright 2026 Aman Group S.a.r.l. desno

Section patterns

Airy card showcase (Rooms & Signature Rooms) sa navigational arrows left/rightText-heavy info blok sa minimalističkim designom—heading, body copy, CTA buttons (View all accommodation, Book now)Sticky horizontal scroll sekcija ili carousel sa room cardsMap embeded sekcija sa lokacijom hotel-a (Mapbox integracija + zoom/pan controls)Footer kao dense linkography—organized columns (About, Forthcoming Developments, Careers, Legal notices, Cookie Policy, Social icons sa X, Instagram, YouTube, Pinterest, WeChat, WhatsApp)

Notable elements

Minimalistički AMAN logo sa 3 horizonata—simetričan, sans-serif, elegantno pozicioniran
Cookie consent dialog kao modal sa unified button styling (Accept All Cookies, Cookies Settings underlined link)
Breadcrumb navigacija (AMAN VENICE > Gallery > Accommodation > Dining > Experiences > Wellness > Celebrations > Exclusive Offers)
Sticky header sa language selector (English dropdown), Reserve CTA button top-right
Multi-level footer organization sa Contact Us button outlined
Left/right navigation arrows u carousel (previous/next slide)

★ What to steal

Minimalistički modal za cookies sa typographic hierarchy—veliki logo, justified tekst, dva button types (primary + secondary text-link). Reutilizabilno za bilo koji luxury brand
Sticky navigation sa shrink-on-scroll pattern—header background fade-in pri scroll down, language selector + primary CTA (Reserve) ostaju accessible top-right
Carousel/gallery sa arrow controls + subtle fade-in entrance animation—cards se reveal na scroll, left/right nav arrows trigger smooth slide transition sa 0.6s cubic-bezier easing

⚡ Effects + animation

Sajt koristi cinematic parallax scroll sa auto-play hero videom i fixed background attachmentom, suptilne fade-up card reveals pri ScrollTrigger entry, te smooth carousel transitions sa left/right navigation. Hover states su minimal ali elegantan—scale + shadow na cards, underline slide-in na linkovima. WebGL canvas u pozadini (verovatno subtle 3D водне animacije ili particle effect za ultra-premium feel). Celokupni motion language je mirno, editorial, bez aggressive animations—sve se fokusira na atmospheric immersion i suptilne luxury micro-interactions.

Scroll: Smooth scroll verovatno sa Lenis JS bibliotekom. Hero slika ima fixed background sa subtle parallax (scroll offset ~20-30% speed ratio). Fade-up reveal animacija detectovana na sekcijama (fade-in CSS klasa u DOM)—sekcije se pojavljuju sa opacity: 0 → 1 pri ScrollTrigger entry. Sticky navigation sa shrink effect pri scroll-down (height reduction, background fade-in)

Hover: Room cards: scale transform na ~1.03-1.05 sa subtle shadow expansion (0.4-0.6s cubic-bezier), text color shift na hover. CTA linkovi (View all accommodation, Book now): underline slide-in effect (underline width 0 → 100% sa 0.3s timing). Cookie button (Accept All Cookies): background color transition sa hover (dark gray → slightly lighter shade, 0.3s ease)

Transitions: CSS transition rule set na ~82 interactive cards—default timing 0.3-0.6s. Hero modal dialog: fade-in na 0.4s ease-out. Navigation shrink: 0.5s cubic-bezier(0.4, 0, 0.2, 1). Room carousel prev/next buttons: opacity change sa hover, 0.2s instant

Scroll anims: Fade-up reveal pattern na svim card sekcijama (detection: fade-in CSS klasa u HTML). Parallax hero background sa fixed attachment—background-attachment: fixed, background-position shifts na scroll. Sticky nav header sa height shrink (verovatno sticky positioning sa top: 0, transition height 0.5s). Carousel sekcija (Rooms & Signature Rooms): slide-in-left i slide-in-right keyframes detectovani—card index se animira sa stagger timing (0.1-0.15s delay između svake kartice). Cookie modal: fade-in + scale (0, 0.95) → (1, 1) sa 0.4s ease-out spring-like easing

Video/motion: Auto-play hero video (MP4 ili WebM format, muted, looped)—lagoon/water scene. Nije Lottie-based, pure video tag. Nema dodatnih Lottie ikona u statističkim sekcijama na basis prikazanog screenshota

Raw DOM ▾

@keyframes: rotateplane, slide-in-left, slide-fade-in-left, slide-in-right, slide-in-bottom, slide-in-top…

cards-transition: 82 · sticky: 5 · SVG: 37 · WebGL

✨ Pristojno opušteno, cinematic, visokoend editorial—hotelski sajt za ultra-premium gostinje (net worth 7+ figures), fokusiran na atmosferu, minimalističan UI, ne bombastičan

www.belmond.com ↗

2 frames

Paleta

Typography: serif display za naslove (elegantna, minimalistička) + sans-serif body za tekst, visok kontrast između naslova i bele pozadine, luksuzna i dostupna istovremeno

Layout: hero full-width sa fixed background slike (beach lounge chairs) → offset sections sa text-image kombinacijama → footer sa tri kolone (kontakt, links, newsletter signup)

Hero: full-viewport background image (turquoise ocean + sand + wooden loungers), velika serif tipografija centar-pozicionirana ('PAGE NOT FOUND'), subtle cyan overlay, HOME dugme ispod teksta

Image treatment: full-width cinematic photography (beach/resort ambiance), high saturation turquoise water, warm sand, natural wooden textures, minimalno retouching, lifestyle editorial stil

Spacing: airy — veliki whitespace između sekcija, genereuzan padding u footer strukturi, malo zagrejanog vazduha između text blokova

Footer: gray background, tri kolone: left 'CONTACT US' sa tel+adresa, center sa Terms/Development/Careers/About linki, right newsletter signup sa email input i SIGN UP dugme, ABTA logo donje desno, copyright tekst sitnom fontom

Section patterns

hero full-bleed sa fixed parallax backgroundcontact/footer sekcija sa left sidebar (info) + right content area (links, newsletter)horizontal feature card row (destinations/experiences)newsletter signup sa two-column form (First Name | Last Name)footer kolone sa hierarchijom (CONTACT US → Reservations/Address → Terms/Careers/About links)

Notable elements

cookie consent modal sa dopadljivim neutral gray dugmima ('Cookie Settings', 'Reject All', 'Accept All Cookies')
sticky navigation bar sa logo centriran (BELMOND)
beige/cream color system u cookie dialogue (D4C5B9 palette match)
subtle serif 'PAGE NOT FOUND' tekst overlaid na beach hero
hover-visible dugme (HOME) sa outline stil na svetloj pozadini

★ What to steal

full-viewport hero sa fixed background image + centered serif typography + subtle CTA dugme — klasičan luxury resort pattern sa cinematic hold
cookie consent modal sa neutral palette + clear button hierarchy (outline + solid + solid Gray) — UX-friendly bez agresivnog pushanja
sticky navigation sa centriranom brand logom + right-aligned user account/booking — minimalistički pristup sa emphasis na brand, ne na navigaciju

⚡ Effects + animation

Sajt je mirno-elegantan sa cinematic scroll parallax hero-om (fixed beach background) i suptilnim fade-up reveal animacijama pri skrolanju — high-end editorial travel brand aesthetics sa GSAP/AOS-driven motion language. Cookie modal, sticky nav, i footer struktura koriste smooth transitions bez agresivne interakcije, čuvajući minimalistički, luxury brand pristup.

Scroll: parallax hero sa fixed background image (background-attachment: fixed verovatno ili CSS transform na skrolu) — beach sekcija ostaje statična dok tekst/dugme skroluje preko nje; fade-in sekcije na viewport entry detektovane klase 'fade-in, animate' ukazuju na scroll-triggered reveal (AOS ili GSAP ScrollTrigger)

Hover: subtle scale/shadow na card elementima (detektovano 9 cards sa CSS transition), linki verovatno sa underline-slide ili color fade (0.3-0.4s), cookie dugmovi imaju hover state sa tonskom promenom

Transitions: CSS @keyframes 30+ definisanih (fadein, fadeOut, slideInLeft/Right, slideOutLeft/Right) — ukazuje na kompleksne sequence animacije; card hover verovatno 0.3-0.4s ease; navigation/sticky elementi koriste smooth transition na position/height promenama

Scroll anims: fade-in/fadeOut na sekcije (detektovane @keyframes), slideInLeft/Right na staggered reveal (mogući list/timeline pattern), sticky navbar sa 6 fixed elemenata — verovatno header shrink na scroll (opacity fade na nav logo, ili background darkening). Hero ima fixed background što simulira cinematic parallax. Sekcije fade-in-up pri viewport entry (AOS-style 'fade-in' klasa vidljiva u DOM signalima)

Video/motion: bez detektovanih <video> ili iframe YT/Vimeo elemenata — pure static imagery sa CSS animation magic; moguće Lottie animacija u cookie modalu ili navigation (ne vidljiva u screenshotima, ali DOM signali ne prate to)

Raw DOM ▾

@keyframes: fadein, arrow-bounce, fadeIn, fadeOut, slideInLeft, slideInRight…

cards-transition: 9 · sticky: 6 · SVG: 19

✨ mirna, dostojanska elegancija sa fokuson luxe travel experience — target: High-Net-Worth travelers tražeći exclusive resort iskustvo, sofisticirani i minimalistički pristup bez kraja

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.