Product / 5 reusable parts
Calm workspace
A task board becomes the product story; feature cards, offer comparison, and answers complete the journey.
THE BREAKDOWN
Take the parts.
Change the whole.
These pieces share typography, color, and spacing. Use them here or combine them with parts from another example.
- 01Reuse ↗
Workspace introduction
A split introduction with a working task board. Move sample tasks between columns.
- 02Reuse ↗
Feature mosaic
Three complementary benefits with different visual weights.
- 03Reuse ↗
Tabbed details
An accessible tab set with keyboard arrows, Home, and End navigation.
- 04Reuse ↗
Offer comparison
Aligned offers with a monthly/yearly calculator; prices are editable sample values.
- 05Reuse ↗
Questions & answers
Keyboard-accessible native disclosures, with no JavaScript required.