The Separator paragraph type is designed to enhance content structure by adding visual breaks between sections of a page. This helps improve readability, organization, and overall user experience.
Features
- Separator Type: Choose from different styles such as Linear Checkerboard and Classic Checkerboard.
- Separator Color: Customize the color to align with branding or page aesthetics. The current choices are Wildcat Blue and white.
- Separator Width: Adjust the width to either content width or full width to control the separator's span.
- Spacing Options: Fine-tune spacing above and below the separator with settings like Tight, Default, or Overlap.
Use Cases
- Visual Breaks: Separate content-heavy sections for better readability.
- Thematic Dividers: Use as a stylistic element to emphasize a shift in content.
- Page Structuring: Improve the flow and layout of complex web pages.
Example
The example below shows 2 versions of the separator with a Testimonial between them.
- The top version is our linear checkerboard that is set with a bottom spacing to overlap the testimonial paragraph below it. This separator will also extend to the left and right side of the browser.
- The bottom version shows our classic checkerboard with default spacing.
