Components

Separator

Separator is a visual divider between different sections within a design.

Usage

Use the separator to organize content, create visual rhythm and establish hierarchy in your design. Be mindful of not overusing separators, which can result in a cluttered impression. Use separators in conjunction with spacing to create an appealing design.

Don’t overuse separators

Overusing separators can make a design feel cluttered. Make sure to use separators where they separate content in a meaningful way.

Use separators sparingly.

Don’t overuse separators.

Formatting

Anatomy

Separator consists of a single horizontal or vertical stroke.

1. Stroke