Separator Demonstration
Horizontal lines, visual rules, and section rhythm.
Separators and Section Rhythm
Horizontal rules (hr) create visual pauses without resorting to shadows or decorative boxes. They are simple 1px lines with the border color.
First section of content with a descriptive paragraph.
Second section visually separated. The top and bottom spacing of the separator is 2rem, enough to create a pause without exaggerating.
Third section. Notice how the separator maintains consistency in both color modes: in light it uses border (#D8D2C5) and in dark it uses border-dark (#454A43).
Final paragraph without a separator, to close the article with fluidity.