Pieces

Mobile tab bar with labeled icons, a raised center create button, and a rose unread counter badge.

Account dropdown with an avatar header, profile and settings rows, workspace switcher, and a Sign out action.

Three-column footer link grid with uppercase section headings and plain-text links underneath each.

Docs-style on-this-page list with left borders and a primary active rail on the current section.

Nav flyout pairing a vertical product list with a gradient promo pane spotlighting a new release.

Multi-step stepper with emerald done, primary current, and muted pending tiles linked by colored rails.

Web-app bottom bar with five labeled icon tabs and a primary indicator above the active one.

Nested file explorer with amber folder icons, chevrons, and a primary fill under the active file.

Open workspace-switcher showing the current pick and a dropdown with sibling workspaces and a new action.

Pill header with a menu button on the left, centered brand mark, and search and avatar actions right.

Notifications dropdown listing icon-prefixed rows with time stamps and a trailing unread dot per item.

Slash-command flyout listing mono commands with hints beside them and a slash glyph prefix column.

Breadcrumb trail with a home icon, chevron separators, and a bold final crumb.

Four-tab navigation pill that expands the active tab to show its label, with a count badge on alerts.

Numbered pagination with prev/next arrows and ellipses for long ranges. Active page flips to foreground.

Notification with a circled icon, title, description, and an optional action link.

Tinted alert with error, warning, or info severities. Optional dismiss × on the right.

Mobile-style push toast with app icon tile, timestamp, and a two-line preview.

Chat notification showing sender avatar, message snippet, timestamp, and an unread dot.

You-were-mentioned card with the channel context and the quoted message.

Celebratory unlock notice with a gradient trophy tile and an XP chip on the right.

CI/CD status card with branch, short commit sha, duration, and a building or failed state.

Incoming request card with avatar, handle, mutual-connections line, and accept or decline buttons.

Software update card with version chip, changelog blurb, and a later or install action row.