Skip to content
heyrav design system
PatternsShipped

Facts strip

Role, timeline and links under a case title: three columns of mono label over a short value.

Used onCase header
RoleDesign, copy, ads
Timeline2022 → April 2023
Show code
<div class="facts"><div><small>Role</small><b>Design, copy, ads</b></div><div><small>Timeline</small><b>2022 → April 2023</b></div><div><small>Live</small><b><a class="link" href="#">viewryt.com</a></b></div></div>

Three columns, two at 900, one at 640 - two columns at phone width leaves a ragged orphan.