Preview image. Unlock full-res
A smartphone displaying a split-screen mobile interface featuring a light-mode section for a 'lookbook' and a dark-mode section for a 'playground'.
Summary
A smartphone displaying a split-screen mobile interface featuring a light-mode section for a 'lookbook' and a dark-mode section for a 'playground'.
Visual description
The screen is divided diagonally between a white top section and a dark bottom section. The top features the wordmark 'lookbook' with a book icon, while the bottom features the wordmark 'playground' overlaid on a dark 3D render of an organic object. Both sections include a small coral-colored circular button with a white arrow icon.
Key takeaway
Use a diagonal split-screen layout to create a high-contrast visual transition between different sections of a mobile interface.
Reuse notes
Apply this layout when showcasing two distinct product categories or contrasting brand identities within a single mobile experience.
