Hyer

Item: Hyer
Rating: 7.4

Private jet charter and curated stays booked in one place.

flyhyer.com Save page

7.4/10MABTU rating

DESKTOP · 1440 × 7,572/ ↗

MOBILE · 390

Section outline · Home

01heroGiant wordmark, jet in sky photo, two pill buttons900
02featuresLarge statement, four ruled feature blocks840
03servicesNavy, jet photo and terracotta three-panel split806
04destinationsCity photo and ruled list with airport codes
05supportNavy split with hand holding boarding pass phone
06processHuge title, intro text, four icon features, contact button
07galleryVilla photo carousel with 1/4 counter
08ctaLarge centred title over soft clouds
09footerDark navy, link columns and legal text

Rating · Home

Visual design7.6

UX & clarity7.4

Originality7.0

Craft & consistency7.5

Motion6.0

Performance & a11y9.0

This page scores 7.4; the site score weights the home page double.

Main colours

Light·white background·muted

Typography

Helvetica Now Displayheading · sans · system Helvetica Now Displaybody · sans · system

Stack & style

Next.js Three.js DatoCMS WebGL canvas React

Minimal Bold typography Photography-led Swiss grid Hero carousel Process steps Review badges Split screen

Also: HubSpot, Meta Pixel, Vercel, Google Analytics, Google Tag Manager

Design DNA

White and pale sky canvas with a tight, heavy grotesque: the Hyer wordmark set enormous top left, section titles large and black with tight leading. Hero is a jet photographed against a soft blue sky with two black pill buttons. Content sits on a strict grid of thin rules and four-up feature blocks. A three-panel band splits navy, a jet photo and terracotta (#C2694A) with a dotted flight path. Destination list pairs a city photo with IATA-coded names, a navy travel-support block with a phone, 'The Hyer Approach' icon grid, a villa carousel with 1/4 counter and a navy footer.

Worth borrowing

Tag destinations with airport codes (Barcelona (BCN)) in a ruled two-column list beside one photo.
Split a band into navy, photo and terracotta thirds with a dotted flight-path line crossing the colour panel.
Set the brand wordmark at hero-headline size in the top left and keep the nav tiny beside it.