Back to video heroesButton DNA
Shapes · Versus / before-after

Diagonal split hero

Angled seam. Edge-light sweep. Rendered with desktop service and dyno scan as a Diagonal Split hero across nine viewports.

Group
Shapes
Frame
wide
Use case
Versus / before-after
Overlay
Angled seam
Motion
Edge-light sweep
Hero component
Diagonal Split
Media
Desktop service and dyno scan · 16:9 · 15s

Desktop & tablet

1920 → 768 px · live responsive render
Desktop XL1920px
Desktop1440px
Laptop1280px
Tablet landscape1024px
Tablet portrait768px

Mobile

430 → 320 px · tall phone treatment
Phone XL430px
Phone390px
Phone compact375px
Phone small320px