Shelf Spines dark-mode toggle UI

More like this

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

Keep what you find

A free account saves references to boards and can send you a weekly email of picks based on what you save.

To see every result, go Pro.