Preview image. Unlock full-res
A light, minimal file-upload UI with dashed dropzone, file list, and small thumbnail previews for managing attachments.
Summary
A clean, light SaaS file-attachment interface using a dashed dropzone, file list with metadata, and small thumbnail previews for document, web, image, and audio formats.
Visual description
Off-white background with a top section showing a large dashed-border dropzone prompting "Drop and drop or browse files" with a size limit subtitle. Below sits an "Attachments:" heading followed by a vertical stack of file rows, each with a type icon, filename, file size, and a download/remove action icon. A waveform audio player occupies one row. At the bottom, thumbnail previews (shown as small image swatches with file size overlays) and user avatar chips denote shared recipients or related parties. All typography is sans-serif; icons are minimal line-style.
Key takeaway
The dashed dropzone is immediately scannable as a drop target; the inline file-size labels in light gray let users see bulk at a glance. The horizontal thumbnail row below converts a dense list into visual confidence; user chips suggest social proof or sharing context without consuming vertical space.
Reuse notes
Ideal for SaaS products needing lightweight document uploads (collaboration tools, project management, form builders). Works well for file managers, support ticket systems, or any UI where users upload multiple formats. Avoid if you need file tagging or extensive metadata per item.
