Skip to main content

Productivity template

Margin

A productivity template on paper white with an ink serif and a single cobalt accent. Screens sit in frameless panels instead of phones, so your interface reads larger at thumbnail size.

Exports at 1260 x 2736

Your week on one page

Tasks, calendar and notes together

1 · Hook

The claim a browser reads first, often straight from search results.

Drag a task to a day

It lands on your calendar

2 · Educate

The feature that delivers the claim, shown working.

The planner people keep open

"First planner I have not abandoned by February."

Jonas, designer

3 · Prove

A review or a result that backs the claim up.

Notes that link themselves

Mention a task and it connects

4 · Educate

A second feature, for the browser who kept scrolling.

1 tap

Calendar Import

Start with this week

5 · Convert

The last word before the install button.

What is in the set

Cards
5, with your screen on 4 of them
Type
Instrument Serif headlines, Inter text
Palette
#F6F4EF, #ECE9E1, #2F5BFF
Sizes
1260 x 2736, 1080 x 2340, 2064 x 2752, 1200 x 1920
  1. Card 1: the app screen at the top with a centred headline under it
  2. Card 2: a centred headline above the app screen, with no phone around it
  3. Card 3: a review card with stars, a quote and a cropped app screen
  4. Card 4: a left-aligned headline above the app screen, with no phone around it
  5. Card 5: a big-number card with no phone

What you change

  • Your screenshots go into the frames, one per card.
  • Headlines, the review and the numbers are placeholders. Swap in your own by chat.
  • Colors and fonts become your brand in one message.
  • Then make alternates of the set to run in Product Page Optimization.

Start from Margin

Opens in the builder with all five cards on iPhone. Upload your screens and the frames fill.