Profile highlight

Introduce the key information of a profile - a feature in the Ripple design system.


The profile highlight displays a brief summary of important profile information.

It is shown at the top of profile detail pages, and consists of text content and an optional image.


A visual example of the profile highlight.

See a live example of a Profile highlight.

How to build

The profile highlight displays automatically on profile detail pages. 

If you are interested in using this component for another purpose, please contact SDP Product Manager Mike Laidlaw

Reviewed 06 July 2020

Get support using SDP

Our community of practice for anyone with content on SDP meets once every 2 months. We cover research, analytics, new features and more. You can also learn from how others are using the platform and get support to build new pages. To join or find out more contact

Was this page helpful?