Skip to content
heyrav design system
PatternsShipped

Quotes

One pull quote per case, in Onest italic at 40px. Interview verbatims in a lighter register, because several run in a row.

People did not distrust the product. They distrusted the page.

Show code
<p class="pull">People did not distrust the product. They distrusted the page.</p>

"I booked the room on paper, then walked over to check it was free."

Lab coordinator

"OneStop already has my login. Why is this a separate site?"

PhD scholar
Show code
<div class="quotes">
  <div class="quote"><p>"I booked the room on paper, then walked over to check it was free."</p><i>Lab coordinator</i></div>
  <div class="quote"><p>"OneStop already has my login. Why is this a separate site?"</p><i>PhD scholar</i></div>
</div>

The pull quote used to be Redaction with a side rule; it is now Onest italic with neither, because Redaction is for single-word accents.