Cards
A card is container for a few short, related pieces of information. ... This wireframed example of a card component features several different types of information: an image, a title, a short summary, a time stamp, a hashtag, and a secondary call-to-action button for social media sharing.
Vertical Card With Image and Overlayed Text
Nature Photography
"Nature" can refer to the phenomena of the physical world, and also to life in general. The study of nature is a large, if not the only, part of science. Although humans are part of nature, human activity is often understood as a separate category from other natural phenomena.
Horizontal Card With Dismiss and Shadow
Nature Photography
"Nature" can refer to the phenomena of the physical world, and also to life in general. The study of nature is a large, if not the only, part of science. Although humans are part of nature, human activity is often understood as a separate category from other natural phenomena. Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum et consequuntur accusantium voluptatum animi eaque itaque sapiente, ducimus repudiandae vitae mollitia repellat vero quisquam ullam iste, beatae dolore possimus. Sint? Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam esse itaque illum, maxime adipisci pariatur aliquid rerum delectus deserunt magni ex! Quis qui magni corporis accusantium excepturi nulla? Qui, vero?
Text-Card
Lorem
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas et quis atque iste deserunt, reiciendis eos tempora, ipsum, ex nemo ullam sapiente facere quae! Labore sint ipsum ducimus debitis! Iusto amet iste nemo voluptates beatae delectus explicabo velit consequatur saepe! Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam alias consectetur inventore a doloremque dignissimos accusamus laborum. Facere qui earum suscipit eaque a doloribus illum doloremque totam, sint, sed repellat iste deleniti odio numquam ducimus minima magnam optio! Ratione, facilis repudiandae! Ea, iusto est maiores architecto dolores nemo, ex accusamus sed fugiat non pariatur eum hic reiciendis illum vel molestias!
Card With Badge
Lorem
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas et quis atque iste deserunt, reiciendis eos tempora, ipsum, ex nemo ullam sapiente facere quae! Labore sint ipsum ducimus debitis! Iusto amet iste nemo voluptates beatae delectus explicabo velit consequatur saepe! Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam alias consectetur inventore a doloremque dignissimos accusamus laborum. Facere qui earum suscipit eaque a doloribus illum doloremque totam, sint, sed repellat iste deleniti odio numquam ducimus minima magnam optio! Ratione, facilis repudiandae! Ea, iusto est maiores architecto dolores nemo, ex accusamus sed fugiat non pariatur eum hic reiciendis illum vel molestias!