1.2 Components

Constrain page width so content stays readable and focused.

Divide space into columns so layouts align and scale cleanly.

Arrange elements in one direction with consistent spacing rhythm.

Separate related groups without adding heavy visual chrome.

Provide top-level wayfinding and global actions.

Support deep navigation without crowding top-level controls.

Switch between peer views in the same content context.

Show hierarchical path so users can move upward quickly.

Group related information into a bounded, scannable surface.

Apply compact status labels without competing with primary content.

Represent people with visual identity and fallback initials.

Progressively reveal dense details without leaving the page.

Trigger deliberate actions with clear hierarchy and state feedback.

Capture short-form text with clear labels and validation feedback.

Let users choose one option from a predefined list.

Capture independent true/false choices and multi-select options.

Deliver brief non-blocking feedback for completed actions.

Show persistent inline messaging for important system states.

Reveal task advancement so users understand waiting and completion.

Focus attention on high-stakes decisions with temporary overlay dialogs.