Ziiro circular UI design system grid

Ziiro circular UI design system grid, minimal, monochrome, dark

Preview image. Unlock full-res

Grid of twelve monochrome circular Apple Watch-style UI screens showing contacts, timers, voice recorder, clocks and charts on a gray checkerboard background.

Summary

A systematic grid presentation of circular interface designs for a watch or wearable, rendered in strict black, white and gray.

Visual description

Twelve rounded-square frames arranged 3 columns by 4 rows on alternating dark and light gray tiles. Each cell shows a different circular UI: phone dialer, digital clock, contacts list with names, pie chart, voice recorder with timer, analog clock hands, messaging bubbles, and simple icon compositions. All elements use high-contrast black and white with minimal gray fills; text is small and precise.

Key takeaway

Presenting a family of related circular UIs together in a tight grid demonstrates consistency of a design system across multiple states and functions.

Reuse notes

Useful for UI kit presentations, wearable app design case studies, or icon system overviews. The checkerboard ground separates the screens cleanly. Limited to monochrome contexts.

More like this