Shelf Spines dark-mode toggle UI

Preview image. Unlock full-res

Pill-shaped segmented control toggling between Shelf and Spines views on a black background.

Summary

A centered pill toggle on black switches between an inactive dark Shelf segment and an active white Spines segment with a list icon.

Visual description

Rounded capsule divided in two: left half charcoal with white Shelf label, right half white with black Spines text and a three-bar spine icon. High contrast, no other chrome.

Key takeaway

Elegant binary view switcher — inactive state recedes, active state inverts to white for instant legibility.

Reuse notes

Media library, reader, or catalog apps needing a minimal two-mode toggle on dark backgrounds.

More like this