Persona

Represents a person with additional contextual details

Image of Frankie D' Koolaid's persona

Example of a persona

 

 

Anatomy

  1. Avatar: an image of the person
  2. Primary text: typically the person’s name
  3. Secondary text: additional context
  4. Tertiary text: additional context
  5. Quaternary text: additional context
Image of brand avatar

Visual reference for anatomy

 

 

Variants

There are 4 variants of the component: primary text, secondary text, tertiary text and quaternary text.

Image of four persona variants

Visual of persona variants

 

 

 


Designer resources