• Patterns
  • Stats

Headline stat

£666,666
Jan 2014 0.7
  
<div class="box box--padded--med muted--dark">
  <div class="stat stat--headline">
    <div class="stat__figure">
      &#xA3;666,666
    </div>
    <div class="stat__description">
      Jan 2014
      <span class="icon icon-up-bold icon--large icon--green icon--fat" role="presentation"></span>
      0.7
    </div>
  </div>
</div>

Developer Notes

Designed to be legible with the biggest statistic displayed at 50% size at a medium-largeish viewport (~700px) and 100% size below this down to 240px