Page pattern
Landing / Navigation
“Derived from the page purpose; write it explicitly before implementation.”
Enter a report, domain or report section and choose where to go next.
Landing / Navigation — archetype wireframe
[ Header / context ] [ Navigation cards / links ] [ Shortcuts / help ]
Reading order follows the zones above, top-left to bottom-right.
Components: Buttons, Page navigator, Text boxes, Images
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: **Overview or report section**.
Navigation: Overview or report section
Implementation: Compose from the listed native visuals/controls and the standard interaction patterns in this guide; custom visuals are exceptions.