Layout
Split Layout
layouttwo-columnlanding pageauth
Two sections side-by-side, often 50/50, balancing content and imagery.
When to use
- Login and signup pages pairing a form with brand imagery
- Feature sections contrasting before/after or text/visual
- Onboarding flows with illustration on one side
Examples
- Notion's sign-in page with product screenshot on the right
- Vercel dashboard login
See this in the wild
Analyze a site and look for split layout in the breakdown.
