Profile

Overview

This component is designed to display a person's profile. Specifically, their image, name, title and a link to further information. It is mostly utilised as part of a testimonial.

Examples

Default variation

Example
Profile Image
George Costanza Sitcom Writer
Optional call to action
<div class="profile">
  <img src="http://placehold.it/60x60" alt="Profile Image" class="profile__image circle"/>
  <h5 class="mt-1 mb-0">
    George Costanza
    <span class="profile__profession">Sitcom Writer</span>
  </h5>
  <a href="" class="link-advanced">Optional call to action</a>
</div>

Usage guidelines

Dos Donts
do iconDo use a suitably sized image.
do-not iconDon't exceed a maximum file size of 20Kb.

Implementation guidelines

We're so sorry, there are currently no implementation guidelines for this component 😥

If you feel you can help out your fellow designers by creating usage guidelines for this component, please reach out to #cr-marquee on Slack.