# Divider

**Dividers** are horizontal lines used to separate content sections, creating visual hierarchy and improving content organization. They help users scan and navigate through content more effectively by providing clear visual breaks.

## Style settings

<table><thead><tr><th width="190">Property</th><th>Description</th></tr></thead><tbody><tr><td><strong>Line</strong></td><td></td></tr><tr><td>Color</td><td>Select from brand color options like "Brand/Border" for consistent styling across the design system.</td></tr><tr><td>Thickness</td><td>Adjust the slider to control the thickness of the divider line.</td></tr><tr><td><strong>Numbering</strong></td><td></td></tr><tr><td>Background color</td><td>Select the color that appears behind the divider, such as "Background/Primary" to maintain consistent background styling.</td></tr><tr><td>Alignment</td><td><p>Choose how the divider aligns horizontally:</p><ul><li>Left-aligned</li><li>Center-aligned</li><li>Right-aligned</li></ul></td></tr><tr><td>Height</td><td>Set the vertical space the divider occupies.</td></tr><tr><td>Width<br></td><td>Set the horizontal length of the divider.</td></tr><tr><td>Rounding<br></td><td>Adjust the slider to control corner roundness of the divider container.</td></tr><tr><td>Display border</td><td>Select "Yes" or "No" to add or remove an additional border around the divider.</td></tr><tr><td>Border color</td><td>Select from brand color options or from the palette.</td></tr><tr><td>Thickness</td><td>Adjust the slider to control the thickness of the border.</td></tr><tr><td><strong>Effects</strong></td><td></td></tr><tr><td>Divider shadow</td><td>Click the "+" icon to add shadow effects. Select from shadow styles: None, Soft, Regular, or Retro. </td></tr><tr><td><strong>Double line</strong></td><td></td></tr><tr><td>Margin between lines</td><td>Adjust this value to control the space between the two dividers.</td></tr></tbody></table>

## Typography settings

The **Typography** tab allows you to configure the appearance of numerical markers in dividers:

* Font
* Style
* Size
* Line spacing
* Color of numbers

For details on how to configure each parameter, see [Typography and fonts](https://help.parta.io/branding/create-branding/typography-and-fonts).