Burnside Max Burnside

CMS Design System - Card Components (Media Cards)

  • Save

In creating a design system for a CMS, I created a series of interaction states for various components. Here, the Media Card component (also available and coming soon: text card) is shown with different states such as loading, placeholder image, hover and selected.

Each card features:
- File name (long names truncated with "...")
- File type
- File size
- Publish Status (Published vs Unpublished)
- Checkbox (for bulk actions)
- Date and Time Last Modified
- Tags (when available)
- Actions (on hover)

More components from this design system coming soon. Thanks for checking out this shot!

keyboard shortcuts: L or F like