Command Center — design review

One recommended hierarchy for the 280‑point menu, shown in eight states. Every panel below is interactive: switch tabs, open disclosures, try the controls. Only mock state changes.

Design preview · Example data · Not connected to services Awaiting review before implementation Panels are exactly 280 CSS px wide

Try it

One panel, every state. Pick a preset or just click around inside the panel.

What changed from today. The header is a label, not a dashboard. The segment bar is the first real control. The selected tab owns its own information, so Upcoming is the only place the next task appears. Power, startup services and developer tools moved behind one quiet entry at the bottom.

Expanded states scroll inside the panel. The header, segment bar and bottom entry stay put.

Hierarchy in one picture

What lives where, and what is deliberately absent from the default view.

Design preview · Example data · Not connected to services. Names, times and numbers are synthetic. All controls are illustrative and change only this page's state.