The Avatar, Icon, and Image features in Applaud let you visually represent items in your list. You can show an employee photo, a profile image, or use icons for dashboards and resources. Choosing the right option helps users identify information quickly and makes lists more engaging.
| Layout | Avatar | Image | Icon |
|---|---|---|---|
| Row | Displays small profile photos beside each list item. HR example: Employee directory showing headshots with job titles. |
Larger profile images alongside details. HR example: Onboarding list highlighting employee faces. |
Icons in a vertical row format. HR example: HR dashboards like People Admin or Journeys. |
| Grid | Shows staff in card-style grid format with avatars above job roles. HR example: Browse a department visually. |
Displays large profile photos above names and roles in grid cards. HR example: Internal team showcase. |
Icons in card-style layout. HR example: Vacancies, Employee Docs, or Time Off dashboards. |
| Mini Grid | Compact circular avatars for quick recognition. HR example: Project team view with initials and photos. |
Smaller profile images with compact spacing. HR example: Show working group members quickly. |
Compact circular icons in a mini dashboard. HR example: Quick access to HR tools like Benefits or Feedback Moderation. |
Best practices
- Use avatars when representing people, for example, employee directories or reporting structures.
- Use images for added visual emphasis, such as team showcases or profiles in onboarding.
- Use icons when representing tasks, dashboards, or non-person items, for example, HR journeys or document dashboards.
- Choose row layouts for detailed views, grids for balanced readability, and mini grids for compact overviews.