A clear starting point
Strength, running and cycling trackers
5-panel template
Trackio Workout Coach
App Store screenshot template.
Midnight-cobalt athletic gradients with connected 3D iPhones designed to make workout timers, heart-rate zones and training splits pop.
Free plan ($0 forever) · Pro $69/yr · No credit card required
- Visual direction
- Real 3D studio
- Authored layouts
- 5
- Text layers
- 8
- Capture inputs
- 3
Composition color palette
- #030914
- #092C6A
- #60A5FA
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
Lead with an active workout or daily readiness view.
Step 2
Connect panels 1 and 2 with complementary training analytics.
Step 3
Check metric contrast on both light and dark App Store themes.
Made to show the product
Coaching and interval timer apps
Editable after you choose
Dark athletic 3D sequences
How this composition works
Deep navy gradients prevent glare around dark athletic charts while 3D perspective draws the eye across all five training stages.
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.