Inside the Odyssée website design
Odyssée is a health website built with custom code and Next.js. Its pages are built from features sections, shown here in full-page captures and a scroll recording. Typography: baselGrotesk. Palette: #E0C0C0, #806040, #C0A080.
At Odyssée, we prioritise a personalised approach. Visit our Hunters Hill space for a transformative experience in your aesthetic journey. Its visual style is editorial, minimal, and luxury medical, with navigation bar, hero with background imagery, and text link among its components.
Why we picked it
Full-bleed close-up portraits run edge to edge with a thin serif logo and nav floating over them, giving the skin itself room to show the results. The page settles into pale, airy sections with a quiet serif headline and small paragraphs, so the calm pacing and soft tones feel clinical and trustworthy rather than salesy.
What to look for
- Features: benefits framed around what the user gets, not internal capability names
Questions designers ask
What fonts does Odyssée use?
Odyssée uses baselGrotesk, read from the fonts loaded on the captured page.
What is the Odyssée website built with?
The Odyssée website is built with custom code and Next.js, detected when the page was captured.
What colours does the Odyssée website use?
The captured palette includes #E0C0C0, #806040, and #C0A080.
What sections does the Odyssée website have?
The Odyssée website includes features sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Odyssée's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises Odyssée's typography, colours, and components for your team or an AI tool.
