Dashboard · Dark rail

The sidebar is the only dark thing on the page, so it carries all the weight. Inactive items are low-contrast grey; only the current one is lit, with a 3px accent bar on its left edge.

What it is

The sidebar is the only dark thing on the page, so it carries all the weight: inactive items in quiet grey, the current one lit with an accent bar. The most common pattern in SaaS admin tools, here applied to a working restaurant back office with live data. A good default when the content area is dense and the navigation needs to stay out of the way.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

@西瓜同学 (Douyin) · 「6 个高级 Dashboard 侧边栏设计」· 02 深色重底侧边栏