Team collaboration activity-log UI

Team collaboration activity-log UI, minimal, corporate-clean, light

Preview image. Unlock full-res

A clean activity-log dashboard UI showing team communications, approvals, and events in a gray and white layout with blue accent buttons.

Palette
#FCFCFC
#F5F5F5
#2A2A2A
#4B6FFF
#BBBAC1

Summary

A clean team-collaboration dashboard showing a live activity log with member mentions, channel notifications, event invites, and approval flows in a minimal, light-background layout.

Visual description

Left sidebar with a collapsible "SLTeam" header and navigation items (Overview, Activity, Chats, Clips, Docs, Teams, Projects including Design Review, Bug Fixes, Ready for QA). Main content area titled "Activity log" with a timestamp badge "2m ago" and tabbed filtering (All, Chats, Status updates, Uploads, More). Feed shows user avatars in circles, action text, associated channels/projects as pills, and timestamps. Key elements include a mention from Esther Howard on a Design issue with a quoted message and reply count, a join request from Kamron with Deny/Approve buttons (blue primary, white secondary), an event card showing "Weekly Team Sync" with attendee avatars stacked, an upload notification from Arthur Taylor with a file icon, and a comment thread from Theresa Jacobs and Daniel Kim on a Design Review item. Type is clean sans-serif in dark gray and black. Color palette is predominantly white and light gray with blue (#4B6FFF) for interactive elements and links.

Key takeaway

The approval-button pattern (Deny/Approve side by side, one bold, one ghost). The activity-feed structure with avatar, primary action, metadata pill, timestamp, and threaded replies. The minimal sidebar with category grouping and project nesting under a collapsible header.

Reuse notes

Perfect for SaaS dashboards, team collaboration tools, and project-management UIs. Works well for internal tools and communication platforms where users need to scan mixed action types (mentions, approvals, events) in one stream. The light palette and clear hierarchy make it scannable at a glance.

More like this