Avatar
Avatars represent users or entities with images, icons, or initials.
Khi nào sử dụng
Thông tin người dùng
Hiện ảnh profile trong header, comment hoặc danh sách.
Nhóm avatar
Hiển thị nhiều người tham gia với avatar group chồng nhau.
Entity Icon
Represent teams, companies, or projects visually.
Hướng dẫn
Do
- Cung cấp fallback bằng chữ cái đầu khi không có ảnh
- Dùng kích thước nhất quán trong cùng context
Don't
- Dùng avatar quá lớn cho danh sách dày đặc
- Hiện ảnh bị méo — luôn giữ tỷ lệ 1:1
Basic
Shapes
With Badge
5
Group
KL+1