Koala UIPricing page 6
A pricing page stacked from six sections of the catalog, navbar to footer. Pick a device in the toolbar to watch it recompose, and follow any section it uses to its own preview.
Built from#
A page is a composition, not a new component. It stacks these sections top to bottom and adds no markup of its own. Each name links to that section's own preview, where it sits among the other variants of its family. Swap any band for another variant and the page still holds together: every section brings its own gutter and rhythm, and the join between two bands collapses to a single gap.
Responsive#
Every section carries its own breakpoints, so the whole page recomposes as the frame narrows. Pick a device in the toolbar or drag the handle to watch it step down to a phone.