Use widgets together inside a planner

A single widget answers a question. Several widgets on the same page tell a story - but only if you pick them with intent and arrange them with restraint. This guide is about that second skill: composing a planner page out of widgets that complement each other instead of fighting for attention. We will go through choosing the set, placing them in eye-flow order, sizing them, and adding the small structural details that turn a stack of widgets into a calm dashboard.

Pick the set first

A good planner page has three to five widgets. More than that and your eye does not know where to land first; less than that and the page feels half-built. Before placing anything, list the questions the page should answer at a glance. Each question maps to one widget, no exceptions.

• "What is on today?" → calendar.
• "What do I owe my future self?" → todo.
• "Did I keep my promises?" → habit grid.
• "How am I actually feeling about it?" → mood.

Place them in eye-flow order

Western readers scan top-left first, then sweep right and down. Use that. Put the widget you want to act on first in the top-left, the one that gives context next to it, and the slower-moving widgets (mood, progress, review) in the lower band. The page should feel like a sentence, not a grid.

1. 1

   Drop the action widget first

   Place the widget you will touch most often in the top-left and size it generously. For a daily planner that is usually the todo list - the more space it has, the more honest it stays.

2. 2

   Add the context widget next to it

   Drop the calendar to the right of the todo. Now the question "what do I have time for today?" is one glance away from the question "what do I want to do?". Two widgets, one decision.

3. 3

   Lay the slow-moving widgets below

   Habit grid, mood, sleep - these widgets you check, not edit. Put them in a band below the action row. They become a status report, not a to-do.

4. 4

   Label sections with notes

   A small note between bands ("Today" above the action widgets, "How the week is going" above the slow band) gives the eye a resting point and turns the page into a navigable document.

5. 5

   Resize, then resize again

   On day one, every widget looks the right size; by day three you will know which ones got too much room. Spend two minutes a week resizing - the planner only feels ambient when nothing is overflowing.

A starter set that works

If you are not sure which widgets to combine, the four below have been tested together by enough people that we recommend them as a default daily-planner set. Each one earns its spot.

How widget data works inside a planner

Each widget instance has its own data store. Two calendar widgets on the same planner do not share events; two habit grids do not share habits. This is by design - it lets you have a "work" calendar and a "personal" calendar side-by-side. If you want them in sync, embed the same standalone widget twice instead of placing two instances.

Where to go next

Once a daily-planner page feels right, the same logic scales to themed planners - a finance dashboard with expense, income and saving widgets; a reading planner with reading and book widgets; a wellness page with sleep, mood and water. The composition rules do not change.

FAQ