Asymmetric Split-Screen Spotlight Component in FramerAsymmetric Split-Screen Spotlight Component in Framer
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Layout Innovation — Asymmetric Split Screen Spotlight
📐 Framer Layout Showcase: Asymmetric Spotlight Components
Standard horizontal block scrolling can quickly put a user's attention to sleep. To drive absolute focus to seasonal packages or high-margin services, I designed an asymmetric split-screen asset grid inside Faro.
The Layout Tactics:
·  Combined high-contrast visual grids with balanced serif typography blocks.
·  Kept boundaries strictly responsive to protect visual assets across large monitor displays.
·  Implemented a friction-free layout structure that natively balances white space with deep tones.
Let's break your site out of boring containers. Click through to inspect the component performance:
Post image
Vansita's avatar
The split layout is interesting.
Pratik's avatar
Thanks Vansita! I really wanted to break up the standard horizontal block scrolling pattern that you see on most travel sites. By pairing high-contrast visual grids with solid typography blocks on the right, it naturally anchors the user's attention to featured spots without visual fatigue. Glad it caught your eye! 🙌
Dev's avatar
Great layout focus for highlighting key destinations!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started