Modals & Dialogs

A simple header, content area, and clear close action.

Place a short message in the center of the screen.

Small dialogs keep a quick decision easy to understand.

Give richer project information more space.

Project preview

A thoughtful place to work

Organize ideas, share useful resources, and keep your next project moving.

Close

Expand to a full-screen view when content needs room.

Full-screen on small devices, centered on larger screens.

Keep the header and footer visible while the body scrolls.

Require an explicit close action for focused information.

A compact form with validation and clear feedback.

The same dialog updates to match the selected teammate.

A restrained warning style makes the decision clear.

Move between related dialogs without stacking them.