Page pattern
Help / Definitions
“Derived from the page purpose; write it explicitly before implementation.”
Explain report usage, metric definitions, ownership, scope and analytical conventions.
Help / Definitions — archetype wireframe
[ Intro / purpose ] [ Navigation help ] [ Definitions ] [ Metric glossary ] [ Ownership / links ]
Reading order follows the zones above, top-left to bottom-right.
Components: Text boxes, Buttons, Shapes, Page navigator
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: **Return to report**.
Navigation: Return to report
Implementation: Compose from the listed native visuals/controls and the standard interaction patterns in this guide; custom visuals are exceptions.