Skip to content
heyrav design system
PatternsShipped

Section heading

Two idioms. The home page centres its heading between two hairlines; case pages lead with a mono label that runs into a rule.

Used onHome sectionsCase sections

Selected work

Show code
<div class="sec-head"><h2>Selected <em>work</em></h2></div>
The problem

Visitors were asked before they were shown

Show code
<div class="sec-label">The problem</div>
<h2 class="h2 d-mt">Visitors were asked <em>before</em> they were shown</h2>

The section label has no number and no counterweight - the hairline is the one piece of chrome still doing work.