Widget Atlas Mockups
Boldr for iPhone · Home and My progress

Every widget, every state, and what a tap opens

A review copy of the widgets on Boldr’s Home screen and the My progress sheet. Each widget has its own chapter: what it answers, what a tap does, every state its card can show, then the detail sheet it opens in each of its states. Mockups follow the SwiftUI code and the English strings at real point size; a small widget is 189 pt wide on an iPhone 17 Pro.

At a glance

WidgetKeyTap opensChart on the cardCard statesSheet states
Screen

Home

Below the hero (Eve’s pages, shortened here), an action row with Customize Widgets and My progress, then the widget grid: 8 pt screen inset, 8 pt gaps, two columns of Small 1×1, Medium 2×1 spanning both. A widget is never taller than its grid cell; text truncates instead. Home keeps at least two widgets. Long-press offers Widget Settings, Size and Hide.

Screen

My progress

A sheet from the My progress capsule, and from coach and agent “statistics” routes. It shows every widget kind once, Home’s four defaults first, each at the size Home gives it (Small otherwise), with the same taps and sheets as Home. It never changes Home and has no customisation; the only toolbar item is Done.

Around the widgets

Customize, settings and the gallery

How a person changes what Home shows: the long-press menu on a widget, the Widget Settings form (also behind the slider button on every detail sheet), and Customize Widgets with the gallery of kinds.