🎨 Split Screen
Screenshot Style Guide
Before/after or dual-panel layouts. Learn when to use it, design principles, color palettes, and real-world examples.
When to Use Split Screen Style
Split Screen screenshots work best when your app's visual identity aligns with before/after or dual-panel layouts. This style particularly resonates with users of Photo Video, Fitness, Real Estate, Shopping apps, where the visual language supports the app's core functionality and emotional appeal.
Choose Split Screen when you want to communicate transformation, comparison, and clear value — your app delivers visible results. This style sets user expectations before they even read your description — it tells them what kind of experience they're downloading.
Consider your competitive landscape: if most Photo Video apps use a different style, Split Screen can help you stand out. But if it conflicts with your app's actual UI, the disconnect will hurt conversion more than the differentiation helps.
Design Principles for Split Screen
- Use the split to show contrast — before/after, old/new, problem/solution
- Maintain visual balance between both halves — equal weight
- Use a clear divider — thin line, diagonal cut, or color boundary
- Each half should be independently readable — don't split content awkwardly
- The split should tell a story — the juxtaposition IS the message
- Consider vertical and horizontal splits — vertical works better on mobile
Color Palettes for Split Screen
Proven color combinations that work with Split Screen style screenshots:
Contrast
#1A1A1A · #FFFFFF · #6366F1 · #E0E0E0
Dual Tone
#0F172A · #F8FAFC · #3B82F6 · #94A3B8
Before/After
#FEF2F2 · #F0FDF4 · #EF4444 · #22C55E
Best Categories for Split Screen
Do's and Don'ts
✓ Do
- Maintain visual consistency across all screenshots
- Test at thumbnail size — ensure readability at 120px width
- Use the style's natural strengths — don't fight the aesthetic
- Align with your app's actual visual design
- Keep text minimal and impactful
✗ Don't
- Mix conflicting visual styles within the same screenshot set
- Sacrifice readability for aesthetic effects
- Use the style if it doesn't match your app's actual UI
- Overcomplicate the design — simpler often converts better
- Ignore platform conventions — iOS and Android users have different expectations
Example Compositions
Here are three example screenshot compositions using Split Screen style:
Example 1: Split Screen — Hero Screen
A split screen screenshot showcasing the app's main value proposition. The design uses the style's signature visual language to draw attention to the key feature. Clean composition with the app UI as the central element, supported by a punchy headline and minimal supporting text.
Example 2: Split Screen — Feature Detail
The second screenshot focuses on a specific feature, using split screen design principles to guide the viewer's eye. The composition balances the app UI with descriptive copy, ensuring both are readable at thumbnail size. Color accents highlight interactive elements.
Example 3: Split Screen — Social Proof
The third screenshot incorporates social proof elements (ratings, user count, testimonials) within the split screen aesthetic. The design maintains visual consistency with the previous screenshots while shifting focus to trust-building elements. A subtle CTA anchors the bottom of the composition.
Related Styles
Frequently Asked Questions
When should I use Split Screen style for app screenshots?
Split Screen style works best for Photo Video, Fitness, Real Estate, Shopping apps. Before/after or dual-panel layouts. Choose this style when your app's personality aligns with split screen aesthetics and your target audience expects this visual language.
What colors work best with Split Screen screenshots?
Try these palettes: Contrast (#1A1A1A, #FFFFFF, #6366F1, #E0E0E0); Dual Tone (#0F172A, #F8FAFC, #3B82F6, #94A3B8); Before/After (#FEF2F2, #F0FDF4, #EF4444, #22C55E). Each palette creates a different mood while staying true to the split screen aesthetic.
Can I combine Split Screen with other screenshot styles?
Yes, but be intentional about it. Split Screen pairs well with Minimal and Gradient elements. The key is maintaining visual consistency — pick one dominant style and use the other as an accent.
Which app categories should avoid Split Screen style?
Split Screen may not work well for Meditation & Wellness, Music & Audio apps. These categories have different user expectations that may conflict with split screen aesthetics.