hero-scale-load pass

The hero photo settles into its frame once as the page opens, a slow 1.1 second ease from slightly enlarged to full size, while the headline and button never move.

Earns its place when: A hero with one strong photograph that carries the first impression, on a page where the headline sits on or beside the photo.

Never when: A before and after hero, a hero whose photo is the page's largest paint (it must not delay it), or any effect on text.

Measured: Clean against the same page without it on helf-hardscaping, kmg-heating-plumbing.

Not in the brief or the generator. It enters only if Ryan picks it.

HELF Hardscaping (light trade) pass

lint: no new finding at 1440 or 393 (scripts on and off, reduced motion). rubric: no new finding at 1440 or 390 (0 with it, 0 without). 14 device checks passed.

Open the live page with it on · the same page without it

Motion lint, new findings1440: none
390: none
Rubric (1440 and 390)0 findings with it, 0 without. New: none
Checks (scripts on, off, reduced motion)
  • ok 1440: no new opacity-hidden text at load (scripts on): on 0, off 0
  • ok 1440: no sideways overflow: scrollWidth 1440 vs 1440
  • ok 1440: it is a one-shot animation of 1.1 s or less: duration 1100
  • ok 1440: the headline never moves: 64,447.515625 -> 64,447.515625
  • ok 1440: it finishes at full size and stops: matrix(1, 0, 0, 1, 0, 0), 0 running
  • ok 1440: no new hidden text with scripts off: on 0, off 0
  • ok 390: no new opacity-hidden text at load (scripts on): on 0, off 0
  • ok 390: no sideways overflow: scrollWidth 390 vs 390
  • ok 390: it is a one-shot animation of 1.1 s or less: duration 1100
  • ok 390: the headline never moves: 20,524.328125 -> 20,524.328125
  • ok 390: it finishes at full size and stops: matrix(1, 0, 0, 1, 0, 0), 0 running
  • ok 390: no new hidden text with scripts off: on 0, off 0
Page height with it vs without: 1440 7607 vs 7607, 390 9232 vs 9232 (px)

Without it, then with it

Without it, 1440
Without it, 1440
With it, 1440
With it, 1440
Without it, 390
Without it, 390
With it, 390
With it, 390

The motion, 1440 wide

1440, frame 1
1440, frame 1
1440, frame 2
1440, frame 2
1440, frame 3
1440, frame 3
1440, frame 4
1440, frame 4

The motion, 390 wide

390, frame 1
390, frame 1
390, frame 2
390, frame 2
390, frame 3
390, frame 3
390, frame 4
390, frame 4

KMG Heating & Plumbing (dark trade) pass

lint: no new finding at 1440 or 393 (scripts on and off, reduced motion). rubric: no new finding at 1440 or 390 (13 with it, 13 without). 14 device checks passed.

Open the live page with it on · the same page without it

Motion lint, new findings1440: none
390: none
Rubric (1440 and 390)13 findings with it, 13 without. New: none
Checks (scripts on, off, reduced motion)
  • ok 1440: no new opacity-hidden text at load (scripts on): on 0, off 0
  • ok 1440: no sideways overflow: scrollWidth 1440 vs 1440
  • ok 1440: it is a one-shot animation of 1.1 s or less: duration 1100
  • ok 1440: the headline never moves: 871.609375,483.765625 -> 871.609375,483.765625
  • ok 1440: it finishes at full size and stops: matrix(1, 0, 0, 1, 0, 0), 0 running
  • ok 1440: no new hidden text with scripts off: on 0, off 0
  • ok 390: no new opacity-hidden text at load (scripts on): on 0, off 0
  • ok 390: no sideways overflow: scrollWidth 390 vs 390
  • ok 390: it is a one-shot animation of 1.1 s or less: duration 1100
  • ok 390: the headline never moves: 20,522.421875 -> 20,522.421875
  • ok 390: it finishes at full size and stops: matrix(1, 0, 0, 1, 0, 0), 0 running
  • ok 390: no new hidden text with scripts off: on 0, off 0
Page height with it vs without: 1440 8680 vs 8680, 390 10204 vs 10204 (px)

Without it, then with it

Without it, 1440
Without it, 1440
With it, 1440
With it, 1440
Without it, 390
Without it, 390
With it, 390
With it, 390

The motion, 1440 wide

1440, frame 1
1440, frame 1
1440, frame 2
1440, frame 2
1440, frame 3
1440, frame 3
1440, frame 4
1440, frame 4

The motion, 390 wide

390, frame 1
390, frame 1
390, frame 2
390, frame 2
390, frame 3
390, frame 3
390, frame 4
390, frame 4

Kettle & Vine not dropped

Not dropped: its hero is a before and after pair that already moves; a load ease on top would be a second effect on one photo.