Form

A multi-section account & workspace form with validation, choice cards, and toggles.

field input select choice-card toggle form-section

Requests

A traffic analytics dashboard in the app shell — status charts, latency, top endpoints, and a request log.

app-shell monitoring-chart chart chart-card data-table

Logs

A live, filterable application log stream with level coding, search, and expandable context payloads.

app-shell log-viewer status-bar

Files

A resizable file browser with search, grid/list views, multi-select, storage meter and a detail preview panel.

app-shell file-manager file-viewer split-panels status-bar

Mail

A split-pane inbox with folder tabs, search, coloured labels, attachments and a reading pane.

app-shell email-list email-viewer split-panels status-bar

Blog

A paginated reading list plus a full post page with article content and a live, threaded comment section with reactions.

blog.masthead blog.post-list-item pagination comment reactions

Code & docs

A developer quickstart with tabbed snippets, a syntax-highlighted diff, and shortcuts.

code-window code-diff tabs kbd alert

Support

A help center with search, category cards, an FAQ accordion, and a contact form.

search-toolbar accordion card empty-state alert

Pricing

A three-tier pricing table with a featured plan, billing toggle, plan comparison matrix, and FAQ.

price-card segmented comparison-table stat accordion

Servers

A Forge-style server detail dashboard — resource meters, sites, databases, daemons, firewall, SSL and a live deploy log.

forge-server-card forge-site-card forge-database-card forge-deploy-log-viewer uptime-bar tabs

Settings

An account & billing settings screen with a section rail, usage meters, invoice, billing history, API keys and a danger zone.

settings-nav usage-meter invoice billing-history api-keys delete-confirm

Board

A project board with a kanban, sprint stepper, filter bar, schedule calendar, activity timeline and a mention composer.

kanban-board stepper filter-bar calendar timeline mention-input

Customers

A CRM table with KPI stats, hover-card previews, row action menus, a detail drawer and delete confirmation.

data-table hover-card dropdown drawer user-identity avatar-group

Network

A global edge-network view — an interactive globe, location list, per-region uptime strips and a facility map.

globe globe-location-list map-card map-marker-list uptime-bar stat

Activity

A notifications & activity hub — notification center, event timeline, audit log, live access log and collapsible summaries.

notification-center timeline log-activity-row log-activity-section collapsible counter

Media

A full watch surface — player with quality overlay, playlist, chapters, transcript, library grid and audio.

video-player video-playlist video-chapters video-transcript video-grid audio-player