Vibeshots
← Sites

Odyssée

odysseeclinic.com.au
Odyssée website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
A grayscale macro image of glossy rounded bubble-like forms fills the page. Two white serif phrases are separated to left and right of center, with small upper navigation.
Type
Medium white high-contrast serif phrases, tiny sans navigation.
Color and surface
Grayscale glossy rounded forms and white type.
Components
Full-field grayscale glossy bubble-like forms behind separated white serif phrases and small top controls.

What makes it work

  • Full-field grayscale glossy rounded forms
  • Separated left and right white serif phrases
  • Small top navigation
On a new subjectFor a public materials exhibit, place separated white serif phrases over a grayscale macro image of glossy rounded glass-like samples with small top controls.

Live behavior

Today
At desktop scrollY 0, a full-viewport close portrait fills the entry; a small white ODYSSÉE wordmark, serif tagline and uppercase navigation sit across the image near mid-height. The desktop t0 and t2 frames show different portrait poses/crops. The 750px scroll frame catches an image seam: the lower part of one face remains at top while a second close portrait begins below; the same overlay controls remain in view.
Responsive
At 768px, a single face portrait fills the frame with the wordmark, tagline, BOOK and MENU over it. At 390px, the crop tightens to a face filling the viewport and the visible controls reduce to wordmark, BOOK and MENU. Captured declarations include psTimes serif for the desktop tagline (18px) and Basel Grotesk for navigation (13–14px); page imagery contains no inferred font styling.
Scroll
At actual desktop scrollY 750, a preceding portrait is cropped across the top of the viewport and another face image begins around the upper quarter; the overlay wordmark, tagline and links remain across the middle. This is a transition frame, not evidence of what follows below it.

More like this