Digital pattern library

Staff profile

The staff profile pattern is used to display a list of staff. This pattern includes a short biography excerpt, contact details, and an optional link to each staff member’s full biography page.

Rules for staff profiles

Options available


Staff profile - default

The call-to-action link is also included in the profile heading.

Vice-Principal (Digital)

Dr Bob McBoberson

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce varius lacus et ligula fringilla, at malesuada massa blandit. Etiam nec amet.‌

Contact

Email:
example@example.com
Phone:
+44 (0)1334 46 xxxx
Fax:
+44 (0)1334 46 xxxx

Code

Vice-Principal (Digital)

Dr Bob McBoberson

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce varius lacus et ligula fringilla, at malesuada massa blandit. Etiam nec amet.‌

Contact

Email:
example@example.com
Phone:
+44 (0)1334 46 xxxx
Fax:
+44 (0)1334 46 xxxx


Staff profile - without link to biography

Without a link to a biography, there is also no link on the heading.

Vice-Principal (Digital)

Dr Bob McBoberson

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce varius lacus et ligula fringilla, at malesuada massa blandit. Etiam nec amet.‌

Contact

Email:
example@example.com
Phone:
+44 (0)1334 46 xxxx
Fax:
+44 (0)1334 46 xxxx
placeholder

Code

Vice-Principal (Digital)

Dr Bob McBoberson

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce varius lacus et ligula fringilla, at malesuada massa blandit. Etiam nec amet.‌

Contact

Email:
example@example.com
Phone:
+44 (0)1334 46 xxxx
Fax:
+44 (0)1334 46 xxxx
placeholder


Staff profile - minimum

This is the minimum required content for a staff profile.

Vice-Principal (Digital)

Dr Bob McBoberson

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce varius lacus et ligula fringilla, at malesuada massa blandit. Etiam nec amet.‌


Code

Vice-Principal (Digital)

Dr Bob McBoberson

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce varius lacus et ligula fringilla, at malesuada massa blandit. Etiam nec amet.‌