Preview image. Unlock full-res
Brand-element slide for the Layered Circles device, overlapping outline and filled circles, shown as a single large navy panel of four arranged circles.
Summary
The Layered Circles element page: overlapping solid-outline circles layered over filled circles, shown in one large navy panel arranging up to four circles for depth.
Visual description
Cream background. Left column carries the "DESIGN ELEMENTS" eyebrow, a serif headline "Layered Circles", and a longer sans paragraph describing the element as overlapping outline circles over solid or image-filled circles, ideal for smaller compositions and limited to about four per layout. The right two-thirds is a single deep navy (#0E2A47) panel containing four circles of varying size: each a subtly darker navy fill ringed by a thin light-blue outline, the rings slightly offset from the fills, arranged to overlap and cluster so they create depth against the flat navy field. The vertical "Brand Guidelines" label and corner spark glyph repeat.
Key takeaway
Reusing the same outline-over-fill logic from the capsule element but on circles, and clustering a few at different scales to build depth on a single flat color. Capping the count keeps compositions from getting busy.
Reuse notes
A versatile decorative system for dark, premium layouts and image masks. Sits in the deck's family of geometric element pages (capsule, circles, rounded boxes). The thin offset outline is the recurring move across all of them.
From this deck: Layered Circles design element
View deck
