SCREENS / GROUP

Forecast & plan

Where the year is heading against where we said it would: the landing, the budget lines, and the goals with their dates.

Screens: 3
Live previews: 3
Frame sizes: 3
Group: 10 / 13

01 / forecast-001

Forecast against actual

The full-year landing against plan, then the chart: actuals solid, the forecast dashed inside its 80% range, the plan grey — and the forecast's own track record underneath.

Open

src/app/(screens)/_components/screens/forecast/forecast-vs-actual.tsxdesktop default

02 / forecast-002

Budget variance

Every budget line with its budget, its actual and the gap, drawn as a bar from the centre. Over is the one coloured bar; under is grey; a phone gets one card per line.

Open

src/app/(screens)/_components/screens/forecast/budget-variance.tsxdesktop default

03 / forecast-003

Goals

A goal is a number with a date. Each card shows the fill, the tick where it should be by now, and the day it is reached at the current rate — so behind is a distance, not a colour.

Open

src/app/(screens)/_components/screens/forecast/goal-tracker.tsxdesktop default