Cards

UI cards look like physical cards, usually with physical boundaries and square or rounded edges. They come in a variety of shapes and sizes.

A UI card usually consists of the background, an image, and a few containers. These containers hold items such as an image, a CTA button, a title, or a subtitle.^[1]

Card UI designs have many advantages. They are intuitive, straightforward, and make content more scannable. Cards can easily be personalized and adapted to different screen sizes — making them a great option for responsive apps.