Premium
Boutique Hotel Landing Hero
The first seconds of a coastal hotel's landing page: the nav fades down, oversized serif lines rise out of masks, three painted photographs open behind parting curtains, and a sand booking strip slides up from the fold and selects three nights.
Written and rendered by AI CSS Animations Nov 2, 2026
- Type
- prompt
- Made with
- Claude Opus 5.5 in Claude Code
- Built in
- HTML/CSS
- Topics
- Landing page · Photos · Kinetic type
About this style
Boutique hotel and travel sites sell a feeling before a room: generous serif headlines, warm photography framed in arches and soft rectangles, and lots of quiet space. Their opening moments are choreographed like an editorial spread, with type rising out of masks and images revealed behind clip-path curtains, before a booking control arrives where the thumb expects it. Done well, the motion feels slow and expensive without ever making the visitor wait.
Premium
Unlock the prompt
Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.
Similar prompts
A slow, ribbon-like gradient mesh flows in a skewed band behind sharp headline type, while white payment, API and chart…
A raw white web page in browser-default Times and monospace: giant statements type out and hard-cut, the page loads in…
A storefront whose page tint follows the product: a steel bottle drawn in code recolors from moss to clay in a rising w…
A calm pricing page under a serif headline: a cursor flips the toggle to Annual, prices roll digit by digit to their tw…
More like this on the motion design inspiration board: Kinetic typography inspirationLanding page animation inspirationPhoto animation inspiration