Patterns · UBO form

UBO form.

The ubo form pattern. Captures the canonical way to compose Flatpay components for this flow — order, copy, fallback states, and the decisions that don't get re-made.

Unstarted

What will live here

  • The problem this pattern solves and the user it serves.
  • Sequence — the pages or steps that compose the flow.
  • Components used at each step, with links to their entries.
  • Copy guidance — labels, errors, success states.
  • Edge cases — empty, partial, error, recovery.
  • Anti-patterns — common ways this gets done wrong.

Want to help

Drop a Figma frame, a production link, or a usage example in the relevant Slack thread and we'll roll it into this page.