Avatars
A full set of user avatars, sizes, shapes, stacking groups, online/offline statuses, and specialty branding indicators.
Simple Avatar (Images)
Standard image avatars using medical team assets, styled with soft border rings.
Avatar Placeholders (Initials)
Fallbacks for users without photos, featuring custom medical/clinical color weights.
Avatar Shapes
Three primary geometry alternatives: Rounded (default), Circle, and Square.
Rounded
Circle
Square
Avatar with Icons & Colors
Avatars housing Remix Icons, mapped with solid background or soft/translucent colors.
Avatar Status Indicators
Corner status indicator rings to represent medical staff activity: Online (green), Away (yellow), Busy (red).
Specialty Badges / Clinical Brands
Mini-icons on the corner of the avatar represent their medical specialty (cardio, lab, dental).
Avatar Groups (Stacked Overlap List)
Stacked layout where avatars overlap each other, hovering pulls the active card forward.
+3
Avatar Sizes
Six levels of sizing ranging from extra-small (XS) to extra-extra-large (XXL) for doctor profile directories.