Foundations
Layout & adaptive
A scaffold of panes that resize, show/hide, and re-present across breakpoints.
The product is a scaffold of panes — a sidebar rail, a top bar, the content column, and a right Agent panel — that resize, show/hide, and re-present across breakpoints. Gutters are generous; the warm ground breathes.
Principles
- Persistent rail carries the nine-section IA on desktop; collapses to a sheet on small screens.
- Top bar holds search, the Day/Night switch, and the Agent toggle.
- Agent panel is an overlay on narrow viewports, a docked column on wide ones.
- Content never exceeds a comfortable measure; data-dense views get full width.
Status
Full breakpoint and adaptive-pane guidance lands in a later phase. See the Biograph flagship lab for the shell in practice — it is the canonical layout reference today.