Adorn Artistry — hero directions

The film comes out. What takes its place?

Three directions for the homepage hero, all built from your own photography, your own typefaces and your existing colour palette. Scroll to compare them at full viewport size. Nothing here is final copy — the words are pulled from language already on the site and need your sign-off.

24.8sLength of hero-film.mp4
5,933,671Bytes shipped before first paint matters
1920×1080Native resolution
0Words in the hero today
AThe Still Editorial split · one portrait · no motion · adds h1 + CTA · ≈290 KB

Adorn Artistry · Southwest Florida

The quiet luxury of the wedding morning.

Hair and makeup for brides who expect the extraordinary. Fifteen years of editorial-standard artistry, on location from Fort Myers to anywhere.

Begin your inquiry

Fort Myers · Naples · Sanibel · Captiva · Worldwide

Bridal hair artistry
BThe Drift Kinetic columns · five photographs · slow parallax · ≈340 KB · about 17× lighter

Adorn Artistry

Beautiful from every angle.

The wedding-morning standard, fifteen years in the making.

Enter the portfolio Begin your inquiry
CThe Reveal Typography-first · nothing blocking first paint · ≈150 KB

Luxury is not a look.
It is a feeling.

Bridal hair artistry

What each one costs you

Same photography, same palette, three very different bets.

A — The Still

Safest, and it fixes the real problem. Today the hero is 900 px of screen with no words in it — no headline, no h1, no call to action. This puts your positioning statement back in the most valuable space on the site.

  • ≈290 KB measured, against 5.79 MB of film — about a twentieth
  • Works with the portrait-heavy library you already have
  • Client can swap the hero photo from a strip of eight

B — The Drift

Keeps what the film was actually doing. The video's job was atmosphere and gentle movement. Five stills on a very slow parallax give that back at roughly a twelfth of the weight.

  • ≈340 KB typical, ≈480 KB worst case — about 17× lighter
  • Uses the photographs the site already curates
  • Motion is slow enough to read as calm, not busy

C — The Reveal

The most luxury-house, and the fastest. Nothing but type, the gold glow already in your DOM, and one framed portrait arriving late. This is the register of Aesop and Le Labo — confidence through restraint.

  • ≈150 KB, and none of it blocks the first paint
  • Introduces a display size larger than anything on the site today
  • Boldest departure; needs the owner to like the idea of less

Before we build the real thing

These are working mockups, not the client's site. Two things to confirm:

  • Why is the film going? Weight, autoplay feeling cheap, footage rights, or client privacy — the answer changes the recommendation. If it is only weight, a 6-second re-cut loop is a fourth option.
  • Which photographs? I cannot see images, so the photos here are placeholders drawn from the site's own selections. The owner should pick the hero shot.

How this gets onto the real site

The live preview is minified build output with no source project, so we cannot edit the hero component directly. Two clean routes:

  • Now: a small override stylesheet added to index.html — the video is hidden and the new hero painted over it. Reversible in one commit, no bundle surgery.
  • Properly: re-export the project from Kimi and edit src/pages/Home.tsx lines 77–96, where the hero actually lives.

See the current hero, with the film →

All figures measured on this page, not estimated. Roughly 110 KB of each total is the document plus the brand's own webfonts — the same Cormorant Garamond and Jost the live site already loads — so the difference between the directions is almost entirely photography.