Skip to content
heyrav design system
ComponentsShipped

Divider

One hairline colour for every rule on the site. Rules separate; they never decorate.

Used onSectionsImpact columns
Or
Show code
<hr class="divider">
<div class="divider-label">Or</div>

Vertical

WorkAboutResume
Show code
<span class="small">Work</span><span class="divider-v"></span><span class="small">About</span><span class="divider-v"></span><span class="small">Resume</span>

Never double a rule: the first case row drops its top border because it would sit a few pixels under the section divider and read as a doubled hairline.