Dividers

Subtle separators for grouping content, signaling transitions and improving scanability.

Horizontal divider

The default separator for stacked content and list groups.

Workspace settings

Manage the preferences for this workspace.

Vertical divider

Separate inline actions or related metadata without adding visual weight.

Text divider

Label a transition between two alternative flows or content groups.

or continue with

Icon divider

Use a meaningful icon when moving between two distinct content areas.

Gradient divider

Use a restrained gradient divider for a highlighted transition or feature area.

New workspace capabilities

AI-assisted delivery summaries

Dashed divider

A dashed treatment works well for optional content and upload or drop zones.

Optional project notes

Add context that will help the delivery team.

Section divider

Combine title, supporting context and an action in one section boundary.

Team members

People with access to this project

SCSophia CarterProject manager

Inset divider

Align a separator with the text column instead of the full row width.

DLDaniel LeeAdded a review comment
EWEmma WilsonUpdated design handoff

In context

Use dividers to turn a dense detail card into a clear sequence of sections.

Website Redesign

Project overview

82%Complete
48Tasks
Sep 10Due date
Next action

Complete the responsive checkout review before QA handoff.