A clear starting point
Sleep trackers, soundscapes and meditation
5-panel template
Serene Sleep & Breathwork
App Store screenshot template.
Soothing aurora-aqua to periwinkle gradients with connected framing for sleep stories, breathwork timers and nightly wind-down routines.
Free plan ($0 forever) · Pro $69/yr · No credit card required
- Visual direction
- Minimal editorial
- Authored layouts
- 5
- Text layers
- 6
- Capture inputs
- 6
Composition color palette
- #72F6E3
- #6675F7
- #0F172A
Every background fill, gradient stop and headline color remains editable in Studio.
Automate with Remote MCP
Works with Claude, ChatGPT, Cursor & Codex
Practical walkthrough
Make this template yours.
Step 1
Pair tranquil session screens with unhurried 4–6 word headlines.
Step 2
Use middle panels for sleep stages, sound mixers and gentle alarms.
Step 3
Ensure white or dark headline text maintains strong contrast over gradients.
Made to show the product
Breathwork and focus timers
Editable after you choose
Calm gradient wellness brands
How this composition works
Serene creates an immediate sense of calm in crowded Search results through smooth aurora gradients and uncluttered vertical framing.
Questions
Before you start.
Are the demo app screens inside the preview replaced?
Yes. Upload your own PNG, JPEG or WebP app captures when creating the project and every device slot updates automatically.
Can I change the text, 3D angles and colors?
Yes. The template opens as structured text, image, device and vector layers—never a flattened bitmap.
Can an AI agent use this template via MCP?
Yes. Connect https://appscreendesign.com/mcp in Claude, ChatGPT, Cursor or Codex and use the copyable prompt on this page.
You built the app.
Give it an introduction.
Start with a composition. Keep every detail editable.