journeys screen gallery - fahadahmed/jamaal-app GitHub Wiki

Screen gallery

What the app looks like, screen by screen: the design (the v4 frames from Claude Design, the visual truth) beside the built app (screenshots of the real app on the iPhone and iPad simulators, with sample data). Every frame has an ID such as TD-01, and the Screens and flows register lists what each one is for and how it behaves. How the pieces behind them fit together is in Diagrams.

Where the built screen differs from the frame, the difference is recorded in Design v4 reconciliation. The Mac is shown as designed only: it cannot be screenshotted from the build tooling.

Today

Today (TD-01)

One list, just today: the headline and the capacity meter and slider, then Anchors, Habits and Tasks. Detail: Today list.

Today (TD-01) design
Design
Today (TD-01) built
Built

Add a task (TK-01)

The capture sheet: effort, how much it matters, when, then category and repeat. Task or Anchor at the top.

Add a task (TK-01) design
Design
Add a task (TK-01) built
Built

Focus session (FS-02)

The timer for the task in hand, with its checklist. Overrun is a state, never an alarm. Detail: Today list.

Focus session (FS-02) design
Design
Focus session (FS-02) built
Built

Habits and Anchors

Habits (HB-01)

Habits by group, each with its density grid: a grid of days, never a streak. Detail: Habit.

Habits (HB-01) design
Design
Habits (HB-01) built
Built

Anchors (AN-01)

Rules for the things your day moves around: prayer times, the school run, bin night, plants. (Built: sample data with a test location, so the prayer time is not yours.) Detail: Anchor.

Anchors (AN-01) design
Design
Anchors (AN-01) built
Built

Night Planning

Five steps, one a screen, with a way out at every step. Detail: Night Planning.

Review today (NP-01)

Step 1: a read-only look back at the day.

Review today (NP-01) design
Design
Review today (NP-01) built
Built

Check the load (NP-04)

Step 4: choose tomorrow's capacity against what is planned.

Check the load (NP-04) design
Design
Check the load (NP-04) built
Built

Wellbeing and Settings

Wellbeing (WB-01)

A steady, plain read of the week with patterns, never a grade.

Wellbeing (WB-01) design
Design
Wellbeing (WB-01) built
Built

Settings (ST-01)

Capacity and day, notifications, categories, appearance, subscription and privacy.

Settings (ST-01) design
Design
Settings (ST-01) built
Built

iPad and Mac

Regular width gets a sidebar, the task detail beside the list, and Night Planning on a wide canvas. Detail: App flow.

Today on the iPad (TD-01 with TK-02)

The list with the open task's detail beside it.

Today on the iPad (TD-01 with TK-02) design
Design
Today on the iPad (TD-01 with TK-02) built
Built

Habits on the iPad

A list and a detail pane, with a placeholder until something is picked.

Habits on the iPad design
Design
Habits on the iPad built
Built

Build tomorrow on the wide canvas (NP-07)

A step rail beside the open step, and the day drawn as a bar.

Build tomorrow on the wide canvas (NP-07) design
Design
Build tomorrow on the wide canvas (NP-07) built
Built

The Mac (macOS-TD-01)

A real sidebar and the same list, with menu commands for the keyboard. Settings is in the app menu.

The Mac (macOS-TD-01) design
Design

Widgets

The Next Anchor widget in each of its states. Detail: Widgets and the watch, what the frames decided.

Next Anchor, small (WG-01)

Open, upcoming, closing soon, none left, and needs attention. (Built: the debug gallery, which draws the same views as the widget.)

Next Anchor, small (WG-01) design
Design
Next Anchor, small (WG-01) built
Built

Apple Watch (v1.1)

A companion app is planned for v1.1: Today, Anchors, the habit counter and the focus timer, fed by a small snapshot from the phone. Detail: Widgets and the watch.

Watch Today
WA-01 Today
Watch Focus
WA-04 Focus

Onboarding and subscription

The first run, one decision a screen. Detail: Onboarding.

OB-02-the-idea
OB-02-the-idea
OB-04-normal-day
OB-04-normal-day
OB-05-reminders
OB-05-reminders
OB-06-first-task
OB-06-first-task
OB-08-first-anchor
OB-08-first-anchor
OB-09-ready
OB-09-ready

The paywall (SB-01)

When the trial ends the app goes read-only, never locked. Detail: App flow.

The paywall (SB-01) design
Design
⚠️ **GitHub.com Fallback** ⚠️