Workspace sign in
Split-screen authentication with account context, password entry, and SSO.
Browse the screen library without loading every preview. Each group leads with two deliberately different examples; open the group to see the rest.
Pattern groups
Each group opens its live previews, with a size control on every screen.
13 groups with live routes
Two contrasting routes from each available group — different arrangements, not the same layout twice. Every preview has its own screen-size control.
Authentication · 2 patterns
Sign-in, registration, verification, recovery, and invitation flows for secure workspace access.
Split-screen authentication with account context, password entry, and SSO.
Email entry, the one-time code handoff, and the expired-link recovery state in one flow.
Application shells · 2 patterns
Application frames — sidebar, header-only, multi-tenant, mobile-first, scheduling, and documentation. The chrome is real and working; the body each one stands over stays anonymous, so what you compare between two frames is always the frame.
One shell with flat or nested navigation and a flush or floating treatment — the recipe switches both without the body moving.
A command center whose assistant pane is a sibling of the work surface rather than a sheet over it: resizable, collapsible, and open at phone width.
Dashboards · 2 patterns
Compact, data-forward overview screens for analytics, operations, monitoring, and first-run states.
Loads into its own skeleton, then KPI, trend, and activity with search and notification states.
Tenant-scoped period comparison, switchable between a dashed baseline and paired bars.
Data tables & list views · 2 patterns
Searchable, filterable, selectable, virtualized, and alternative views for dense record collections.
Search, sort, filter and paginate 28 records — with a create dialog and an empty-collection state.
Roster, roles, invitations and bulk review; the action bar is always on screen, armed by the first check.
Detail & record screens · 2 patterns
One job shown four ways — a route in a sidebar console, a route under a header-only shell, a dialog over its list, and a drawer over its board — each in a different product so the shells never blur together.
A field-service work order on its own route inside a labelled sidebar console.
A podcast episode under a top navigation header, so content and metadata share the full width.
Forms · 2 patterns
Sectioned, multi-step, modal, validation-heavy, query-building, and upload workflows.
Long-form editing with a dirty save bar, an async availability check, and every validation state.
Progressive data entry followed by a review and confirmation step.
Settings · 2 patterns
Account, team, notification, billing, API access, and appearance configuration screens.
One canonical General page; every other section links to the screen that implements it.
Identity fields, avatar controls, and a clearly separated danger zone.
Charts & analytics · 2 patterns
Chart-forward analysis screens that pair token-driven visualizations with controls and supporting data.
A composed value, baseline, and volume chart whose click-scoped window drives every panel below.
A donut, ranked bars, record-type mix, size-against-growth, and trend lines on one selection.
System & edge states · 2 patterns
Empty, not-found, failure, loading, and permission states that make applications resilient.
An in-shell missing-page state naming the requested path, with suggested destinations.
Retry guidance, a request identifier, and a support path.
Onboarding · 2 patterns
Guided workspace setup and a task-first dashboard for adding records, preparing invitations, and importing data.
A resumable setup flow for workspace details, teammate invitations, and a first record.
Task-first workspace setup with record creation, prepared invitations, and a preview-before-import CSV flow.
AI & agentic surfaces · 2 patterns
Conversational workspaces, run traces, approval gates, tools, knowledge, evaluations, and usage observability.
Streaming answers with reasoning, stop and resume, replay, and a source list per turn.
A chat thread that runs workspace tools and ships artifacts with preview and code tabs.
Editorial & CMS · 2 patterns
Content overview, editing, media, modeling, and publishing workflows for editorial teams.
Editorial counts, an activity feed, and the publishing schedule for the week.
An editing column with formatting, search metadata, and revisions beside publishing controls.
Marketing & entry surfaces · 2 patterns
Account-aware upgrade and product-update surfaces composed inside the application shell, with a reusable focused upgrade dialog.
Plan cards and a full capability matrix as two views of one choice, readable one plan at a time on a phone.
Filterable release entries with unread state inside the workspace shell.