Contracts

Patterns

Surface patterns that connect activity purpose to required regions, controls, and completion behavior.

Specimens
8

Rendered from current contracts.

Regions
31

Required regions across patterns.

Controls
23

Expected control families across patterns.

Usage

Use surface patterns after the activity and surface type are clear. A pattern names the regions, controls, completion behavior, and disclosure boundary the interface must support.

Specimens

Each specimen pairs a rendered miniature surface with required regions, expected controls, completion behavior, and source evidence from the current contract.

Pattern specimen

Marketing surface

Orient a visitor to an offer and move them to a clear next step

Open
marketing Marketing surface
offer

The main promise is stated before supporting proof.

proof

Marketing surface region 2 supports orient a visitor to an offer and move them to a clear next step

primary next step

Marketing surface region 3 supports orient a visitor to an offer and move them to a clear next step

visitor understands the offer and can take the next step

Pattern specimen

Workbench

Help a user repeatedly inspect, compare, decide, and act

Open
workbench Workbench
work queue

Workbench region 1 supports help a user repeatedly inspect, compare, decide, and act

detail workspace

Workbench region 2 supports help a user repeatedly inspect, compare, decide, and act

evidence

Visible support for the decision stays adjacent to the work.

decision or handoff

The next action is bounded by the review context.

selected work item advances or leaves a clear handoff

Pattern specimen

Operator review

Review produced work, evidence, risk, and a bounded next action

Open
operator review Operator review
produced work

Operator review region 1 supports review produced work, evidence, risk, and a bounded next action

evidence

Visible support for the decision stays adjacent to the work.

risk

Risk is named in domain terms before action.

decision

The next action is bounded by the review context.

receipt

Operator review region 5 supports review produced work, evidence, risk, and a bounded next action

review produces a decision reason and receipt

Pattern specimen

Form flow

Collect or change structured information with validation

Open
form flow Form flow
inputs

Form flow region 1 supports collect or change structured information with validation

validation

Form flow region 2 supports collect or change structured information with validation

review or submit

Form flow region 3 supports collect or change structured information with validation

confirmation

Form flow region 4 supports collect or change structured information with validation

valid information is saved or submitted with confirmation

Pattern specimen

Dashboard monitor

Track status, exceptions, trends, or operational health

Open
dashboard monitor Dashboard monitor
status summary

Current state is summarized without hiding exceptions.

exceptions

Dashboard monitor region 2 supports track status, exceptions, trends, or operational health

trend or comparison

Dashboard monitor region 3 supports track status, exceptions, trends, or operational health

follow-up path

Dashboard monitor region 4 supports track status, exceptions, trends, or operational health

user knows current state and whether follow-up is needed

Pattern specimen

Content or report

Help the user read, understand, cite, or share information

Open
content report Content or report
summary

Content or report region 1 supports help the user read, understand, cite, or share information

sections

Content or report region 2 supports help the user read, understand, cite, or share information

evidence or references

Visible support for the decision stays adjacent to the work.

share or export

Content or report region 4 supports help the user read, understand, cite, or share information

reader understands, cites, exports, or shares the material

Pattern specimen

Setup or debugging tool

Configure, inspect, test, or troubleshoot machinery

Open
setup debug tool Setup or debugging tool
configuration

Settings are visible because setup is the activity.

test result

Setup or debugging tool region 2 supports configure, inspect, test, or troubleshoot machinery

diagnostic detail

Setup or debugging tool region 3 supports configure, inspect, test, or troubleshoot machinery

next fix

Setup or debugging tool region 4 supports configure, inspect, test, or troubleshoot machinery

setup is valid or failure has a cause and next fix

Pattern specimen

Conversation

Support open-ended exchange where the thread is the product surface

Open
conversation Conversation
message history

Conversation region 1 supports support open-ended exchange where the thread is the product surface

composer

Message creation stays close to context and status.

context or attachments

Conversation region 3 supports support open-ended exchange where the thread is the product surface

status

Current state is summarized without hiding exceptions.

conversation continues, recovers, or closes with context intact

Surface patterns

Surface pattern contracts
PatternPurposeRegionsControls
marketing
Marketing surface
Orient a visitor to an offer and move them to a clear next stepoffer, proof, primary next stepprimary call to action, secondary information path
workbench
Workbench
Help a user repeatedly inspect, compare, decide, and actwork queue, detail workspace, evidence, decision or handoffselection, filter or sort, decision action, handoff action
operator_review
Operator review
Review produced work, evidence, risk, and a bounded next actionproduced work, evidence, risk, decision, receiptapprove or accept, return or request changes, handoff action
form_flow
Form flow
Collect or change structured information with validationinputs, validation, review or submit, confirmationfield controls, submit action, cancel or back action
dashboard_monitor
Dashboard monitor
Track status, exceptions, trends, or operational healthstatus summary, exceptions, trend or comparison, follow-up pathfilter, time range, drill in
content_report
Content or report
Help the user read, understand, cite, or share informationsummary, sections, evidence or references, share or exporttable of contents, copy or export, reference navigation
setup_debug_tool
Setup or debugging tool
Configure, inspect, test, or troubleshoot machineryconfiguration, test result, diagnostic detail, next fixrun test, copy diagnostic, retry or repair
conversation
Conversation
Support open-ended exchange where the thread is the product surfacemessage history, composer, context or attachments, statussend, attach or reference, recover or retry

Review checks

  • The selected pattern must match the chosen surface type.
  • Required regions and expected controls need evidence in the generated interface.
  • Completion or handoff behavior must leave a result, reason, or next action.
  • Disclosure boundaries still control whether diagnostic detail belongs on the surface.

Accessibility

  • Patterns with charts, media, or visual status need text alternatives and non-color cues.
  • Multi-region layouts need keyboard order that preserves the work sequence.
  • Dense workbenches and dashboards need responsive no-overflow evidence.

Examples

  • Workbench activity

    Use
    Use the workbench pattern when the user repeatedly inspects, compares, decides, and hands off work items.
    Watch for
    Do not turn repeated review work into a numbered wizard without staged-flow evidence.
  • Setup or debugging

    Use
    Use the setup pattern when implementation details are the work material.
    Watch for
    Do not leak diagnostics into product surfaces where the activity is not setup, auditing, or debugging.