Kanbien Design System

Reusable Page Shapes

Pages define repeatable page structure and interaction rhythm so different product areas can keep the same shell behaviour while swapping in different data and workflows.

Template

Launcher

The reusable review-entry page shape for canonical indexes, family launchers, and other governed evidence landing pages.

Template

Canonical Render Page

The focused one-state review page shape used by dedicated render surfaces such as sub-nav, page-shell-banner, and pattern-owned canonical pages.

Template

Page Shell

The baseline shell-only template with top nav, sub nav, context nav, and the governed display-settings drawer ready for future content families.

Template

List Page

For browse-first flows with filters, search, bulk actions, status chips, and a dense list of records.

Template Demo

record_management_list_centric

A record-heavy page shape derived from the chat workspace, keeping the status list, selected record, and supporting conversation in one operating surface.

Template Skeleton

entity_management_page

A full page entity skeleton that reuses the record-management detail drawer from the list-centric template inside the standard page shell.

Template

Content Page

For reading, reviewing, or editing a single content object where hierarchy, supporting metadata, and side notes matter.

Template

Table Page

For operational datasets that need sortable columns, sticky actions, dense scanning, and a reliable empty or loading state.

Template Demo

Whiteboard Page

For spatial planning tools with an extendable grid, post-its, formatted text, editable shapes, snapped connectors, grouping, and layer ordering.

Template

Form Template

For configuration-heavy editing flows that need grouped fields, inline guidance, stable actions, and richer picker or drawer controls inside one governed form surface.

Template

Builder Page

For multi-step assembly workflows where configuration controls, live preview, and validation feedback have to stay in sync.