zero·style

Dictionary entry

card

View related-term graphUse in a brief
Was this helpful?
UI / UXCurated · verified

A rectangular container, usually with rounded corners and a subtle shadow, that groups a single piece of content — like a product, article, or profile — into a tidy, tappable block.

Synonyms

  • content card
  • tile

Related terms

In plain words

  • the little box that holds one item's picture and details
  • the tile you tap

Usage example

The dashboard laid out each project as a card showing its name, owner, and status.

Don't confuse with…

  • tileTiles are often uniform grid squares focused on a single tap target; cards tend to hold richer, mixed content.
  • panelA panel is a broader region of the interface; a card is a small self-contained block, often repeated in a grid.

Categories

  • Overlays & containers

Related-term graph

Two hops from card — click a term to open its entry, or re-center the graph on it

Focus term

Directly related

Two hops away

  • Relatedcard related of banner
  • Relatedcard related of callout
  • Relatedcard related of panel
  • Relatedcard related of well
  • Relatedpanel related of accordion
  • Relatedcallout related of banner
  • Relatedwell related of callout
  • Relatedwell related of card
  • Relatedpanel related of card
  • Relatedcallout related of card
  • Relatedbanner related of notification
  • Relatedcallout related of panel
  • Relatedwell related of panel
  • Relatedpanel related of sidebar
  • Relatedbanner related of toast
  • Relatedcallout related of tooltip
  • Relatedpanel related of well

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.

Start a brief