ClearChoice App · Warby UX v1 — Celebration Hero Elevation

5 gradient/filter treatments of Erin's celebration photo on the native Home. Erin Karr request, for the 9am.

1 · Grounded Scrim

Option 1 — Grounded Scrim hero render

Navy→transparent gradient scrim rising ~45% from the hero bottom — grounds the busy photo, cleanest transition into the white copy. The safest, most premium default.

View full screen

2 · Brand Duotone

Option 2 — Brand Duotone hero render

Filter-forward: an ~18% navy color-grade over the whole photo (plus warmth/contrast lift and a subtle bottom scrim) so the celebration reads cohesive and on-brand.

View full screen

3 · Elevated Card

Option 3 — Elevated Card hero render

Literal elevation: the photo inset in a 20px-rounded card lifted off the white with a soft navy drop shadow, sitting on a thin navy-tinted band.

View full screen

4 · Editorial Wash

Option 4 — Editorial Wash hero render

Magazine-cover feel: a low-opacity diagonal navy→Momentum gradient wash across the photo plus a soft corner vignette.

View full screen

5 · Immersive (overlaid)

Option 5 — Immersive overlaid hero render

The bold one: taller full-bleed hero under the TopNav, strong bottom navy scrim, and the H1 + Momentum pill CTA overlaid in white on the photo (AA verified ≥4.5:1).

View full screen