Lists design element

Lists design element, editorial, minimal, light

Preview image. Unlock full-res

Brand-element slide for Lists, hairline-ruled rows inside an earmarked rounded box, shown on a navy panel and a sky panel.

Palette
#0E2A47
#7FBEDC
#FFFFFF
#E8E4D6

Summary

The Lists element page: bulleted information set on thin rules inside an earmarked rounded box, demonstrated on navy and sky panels.

Visual description

Cream background. Left column carries the "DESIGN ELEMENTS" eyebrow, a serif headline "Lists", and a sans paragraph describing lists inside rounded boxes formatted with thin lines to break apart bulleted information for digestible reading. The right two-thirds is two tall rounded panels side by side, navy on the left and sky-blue on the right. Each holds a centered rounded card with a folded dog-ear bottom-right corner (reusing the Earmark device), and the card interior is divided by several evenly spaced full-width hairline rules into blank list rows. The vertical "Brand Guidelines" label and corner spark glyph repeat.

Key takeaway

Defining "a list" as a specific composite element, ruled rows inside an earmarked rounded box, rather than leaving it to chance. Stacking the earlier elements (rounded box plus earmark plus hairlines) into one named pattern keeps long content consistent.

Reuse notes

Directly reusable for any feature list, table, or itemized content block in a soft brand system. Shows how a design system compounds: each element page builds on the previous one. Part of the deck's geometric element family.

From this deck: Lists design element

View deck

More like this