Screens in this prototype

Every screen and state, on desktop and mobile, at a glance. Click any frame — or Enter the prototype — to open it live.

Protection grid (single + bundle cards)

primary

Reach: Protection tab

Default state. One bundle card (Life $500k + Trauma $100k + Income $6k/mo, per-cover amounts) alongside single-type cards.

Desktop

Mobile

state

Reach: + Add policy

Type picker open, no covers yet, Save disabled.

Desktop

Mobile

state

Reach: pick a single type

One cover row; premium label reads 'Premium amount' (not Total); no bundle helper copy. No regression.

Desktop

Mobile

primary

Reach: pick 2+ types

Inline cover amount per type; one shared total premium; one shared renewal date; visible optional documents.

Desktop

Mobile

state

Reach: bundle → 'Set a different date per cover'

Renewal date expanded to one input per cover (Life/Trauma Mar 2027, Income Aug 2027).

Desktop

Mobile