1. Examples
  2. Record Detail

Detail Pattern

Project pay app record

Three-column detail screens, right-rail actions, secondary menus, accordion sections, and a nested two-column content area.

AP-2026-00142

North Campus Expansion / OpenPay Electric / March 2026

Needs Review Imported
This detail pattern is intended for entity or case review screens where the center column does the heavy lifting and the right rail stays action-oriented.

Amounts

Current request
$18,240.22
Previous billed
$112,994.03
Remaining contract
$48,202.55

Review Notes

Use the nested two-column layout when a detail page needs a compact numeric summary beside a broader narrative or notes area. This keeps dense metadata visible without collapsing everything into one long card.

For downstream products, this same pattern can hold case details, audit reasoning, configuration context, or document annotations.

Section Stack

Billing period: March 2026
Percent complete: 64%
Retention held: 10%

Conditional waiver received
Insurance certificate current
W-9 verification pending