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.

Team leader

Finn Camacho

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

Contact

Email:
example@st-andrews.ac.uk
Phone:
01334 46xxxx
Fax:
01334 46xxxx

Code

Team leader

Finn Camacho

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

Contact

Email:
example@st-andrews.ac.uk
Phone:
01334 46xxxx
Fax:
01334 46xxxx


Staff profile - without link to biography

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

Accountant

Airi Satou

Lorem ipsum dolor sit amet, ex wisi detraxit vel, tamquam referrentur at nam, ei wisi omittam dignissim est. Dolore sanctus quo te, ad mea accumsan complectitur, ea his essent dolorem consequuntur. Has choro tincidunt assueverit cu, at delenit vocibus fastidii vix, diam munere abhorreant ut vel. Utinam eripuit corrumpit eu vix. Ea invidunt perpetua eum. Cum quodsi euismod scripserit an, ei vim nisl assentior constituto. Ne mea enim soleat, scripta integre disputationi nec te.

Contact

Email:
example@st-andrews.ac.uk
Phone:
01334 46xxxx
Fax:
01334 46xxxx
placeholder

Code

Accountant

Airi Satou

Lorem ipsum dolor sit amet, ex wisi detraxit vel, tamquam referrentur at nam, ei wisi omittam dignissim est. Dolore sanctus quo te, ad mea accumsan complectitur, ea his essent dolorem consequuntur. Has choro tincidunt assueverit cu, at delenit vocibus fastidii vix, diam munere abhorreant ut vel. Utinam eripuit corrumpit eu vix. Ea invidunt perpetua eum. Cum quodsi euismod scripserit an, ei vim nisl assentior constituto. Ne mea enim soleat, scripta integre disputationi nec te.

Contact

Email:
example@st-andrews.ac.uk
Phone:
01334 46xxxx
Fax:
01334 46xxxx
placeholder


Staff profile - minimum

This is the minimum required content for a staff profile.

JavaScript developer

Colleen Hurst

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


Code

JavaScript developer

Colleen Hurst

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