Card
Cards are surfaces that display content and actions on a single topic. They should be easy to scan for relevant and actionable information. Elements, like text and images, should be placed on them in a way that clearly indicates hierarchy.
Card with badge
Card with badge is used to show specific information to the user like showing new arrival of product or sale on particular product.
Moda Rapido
Wollen Denim Jacket
Rs. 1499Rs. 1999(25% OFF)
Card with dismiss
These cards are used to show information to the user of less importance that can be dismissed by a button.
John bauer
Card with text overlay
Cards having text over the card, usually over the image.
Moda Rapido
Wollen Denim Jacket
Rs. 1499Rs. 1999(25% OFF)
Text only card
Card having text and no visual info like image.
Our Changing Planet
by Kurt Wagner
Visit ten places on our planet that are undergoing the biggest changes today.
Vertical/Horizontal Card
Cards referring to the orientation of card's elements.
Our Changing Planet
by Kurt Wagner
Our Changing Planet
by Kurt Wagner
Visit ten places on our planet that are undergoing the biggest changes today.
Card with Shadow
Cards having shadow which is used to have a floating effect.
Our Changing Planet
by Kurt Wagner
Visit ten places on our planet that are undergoing the biggest changes today.