Step 01 / 10Settings

Settings opens on Alex's profile, then Margin Pro and the workday: when the day starts and ends, the week's first day and the focus length.

MarginSettingsScreenBuilt onSettingsApp Shell

Flow · Margin · Profile And Settings

Profile And Settings SwiftUI Flow

Work hours, the theme, a CSV export and the upgrade to Pro, then signing out back to the welcome pages. 10 steps through Margin.

From the Productivity App template, on the screens its Xcode project ships, in Graphic, Neon and Studio, light and dark.

SwiftUIiOS 17.0+productivity-app

6 Screens10 Steps

01

Every step

The whole journey at once. Choose a step to play it above.

Steps 4 to 10 are part of Pro. Pro opens every screen of every template, live in each style, and the SwiftUI to build them.

  1. 01
    Settings

    Settings opens on Alex's profile, then Margin Pro and the workday: when the day starts and ends, the week's first day and the focus length.

  2. 02
    Day Starts

    Each choice pushes a short list. The day start sets where open time begins on the Agenda; the check marks 9 AM.

  3. 03
    Reminders, Theme And Data

    Further down are the two reminders, the theme and appearance, and your data: Export, and the projects the free plan allows.

  4. 04
    Theme

    Theme previews the current preset on a sample card. Pick Graphic, Neon or Studio, and light, dark or system; the whole app follows, widgets included.

  5. 05
    Export

    Export prepares every task and focus session as a CSV file and hands it to the share sheet.

  6. 06
    Upgrade To Pro

    Back at the top, Upgrade to Pro opens the same paywall as first run. Monthly is $4.99 a month, without a trial.

  7. 07
    Pro Is On

    After the purchase, the profile wears a Pro sticker and the first row manages the plan: monthly, renewing October 16.

  8. 08
    Sign Out

    Sign Out, at the foot of the page, asks first in a short sheet. Your data stays on this iPhone.

  9. 09
    Signing Out

    The sheet shows progress while the account is cleared.

  10. 10
    Back To The Start

    Margin returns to the first welcome page, ready for the next sign-in.