Page pattern
Reconciliation / Audit
“Derived from the page purpose; write it explicitly before implementation.”
Validate numbers, expose mismatches and support traceability between sources or calculations.
Reconciliation / Audit — archetype wireframe
[ Status summary ] [ Difference KPIs ] [ Mismatch table ] [ Source / record detail ]
Reading order follows the zones above, top-left to bottom-right.
Components: Cards, Table, Matrix, Conditional formatting
Hierarchy: Context/control → status/primary answer → explanation/breakdown → detail → next step.
Interaction: Use only interactions that support the page's next analytical step; typical next level: **Record detail**.
Navigation: Record detail
Implementation: Compose from the listed native visuals/controls and the standard interaction patterns in this guide; custom visuals are exceptions.