Vibeshots
← Sites

Villiers

villiers.ai
Villiers website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
Within the bounded page, a full-width dark booking strip divides into menu/identity, departure and destination fields, date, count and a blue search block. Below, an aircraft photograph fills the hero. A fine horizontal rule separates an oversized two-line serif claim at lower left from compact support copy at lower right. The enlarged blurred surrounding aircraft image is presentation framing.
Type
Large fine high-contrast serif headline contrasts with medium bold sans field labels and small plain sans supporting copy. Tiny icon/coordinate details are secondary; exact fonts unknown.
Color and surface
Dark charcoal segmented booking surface, white type, fine pale separators and a bright blue search area; subdued blue/teal landscape photograph beneath. Outer blur is not part of required website palette.
Components
Segmented full-width booking header, field icons, count control, highlighted search block, photo hero, lower serif promise and compact opposite-side explanation.

What makes it work

  • Full-width segmented dark booking strip with contrasting submit segment
  • Expansive photographic field
  • Fine lower divider
  • Large lower-left serif message and compact opposite support copy
On a new subjectFor a municipal rehearsal-room booking service, build a dark segmented room/date/time/party search strip above an original rehearsal-space photograph. Keep one bright submit segment, fine lower divider and large serif access promise opposite concise facility details. Replace charter content and verify search behavior independently.

Measured

Fonts loaded__Poppins_b8d4e5
H252.5px / 700 / -1.575px
Body text14px
Page background#0f0f15
Text color#f8f9f9
Page height12,597px

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today
A full-frame aircraft scene carries a large white serif title at lower left and small copy at right. A dark segmented search strip spans the top with a blue Search block.
Responsive
Tablet keeps the segmented strip while title overlays the aircraft. Phone uses a compact brand/menu bar and a full-width blue Search strip at bottom.
Scroll
At scrollY 750 a different aircraft frame and explanatory copy appear beneath the retained search strip; timing also differs.

More like this