AppScreenDesign
Menu

Editable template

Diagonal split.
Your screens, a new perspective.

Two tones divide the canvas on a slight diagonal. The headline sits in the upper field and the app capture anchors the composition.

Free during early access ยท No card required

Diagonal split screenshot template rendered with illustrative Daylight app captures
Real renderer. Illustrative app screens.
Visual direction
Layered 2D
Authored layouts
1
Text layers
1
Capture inputs
1

Counts come from the template recipe. Text layer count is per unique layer ID; capture inputs count distinct slots across the authored layouts. You can add screens and layers in the editor.

Practical walkthrough

Make this template yours.

  1. Step 1

    Choose a pair of colors with clear text contrast.

  2. Step 2

    Keep the diagonal behind the content you want people to read.

  3. Step 3

    Review the phone and headline together after each color change.

01

A clear starting point

A strong two-color brand

02

Made to show the product

Making a feature sequence feel energetic

03

Editable after you choose

Separating copy from the product image

How this composition works

The split is a shape layer rather than a baked background. Change its fill, rotation and position to fit your palette while keeping enough contrast under the headline. Use the same angle across the set if you want a strong repeated rhythm.

Questions

Before you start.

Is the screenshot inside the template included?

The public preview uses an illustrative app called Daylight. Upload your own real app capture when creating the project.

Can I change the text and colors?

Yes. The template opens as editable text, image, device and shape layers. It is not a flattened screenshot.

What happens if I switch templates later?

Project history supports undo. Previously used templates also retain the saved edits for that project, family and localization.

You built the app.
Give it an introduction.

Start with a composition. Keep every detail editable.

Use this template