Skip to content
heyrav design system
PatternsShipped

Steps

A numbered sequence with hairlines between. The number is a mono counter, zero-padded, never a big decorative figure.

Used onIRBS process
Find the room

Search by building, capacity and equipment.

Check the slot

See live availability before asking.

Book inside OneStop

No second login, no paper.

Show code
<div class="steps">
  <div class="step"><div><b>Find the room</b><p>Search by building, capacity and equipment.</p></div></div>
  <div class="step"><div><b>Check the slot</b><p>See live availability before asking.</p></div></div>
  <div class="step"><div><b>Book inside OneStop</b><p>No second login, no paper.</p></div></div>
</div>

Arrow list

  • Rebuilt the page around proof
  • Moved the form under the product
  • Shipped 12 ad creatives
Show code
<ul class="did"><li>Rebuilt the page around proof</li><li>Moved the form under the product</li><li>Shipped 12 ad creatives</li></ul>