Skip to main content

Card

The Card is a container used to group similar information, which have some kind of interaction. Cards can have any type of information and various types of internal elements, which must always respect tokens and spacing rules.

Interactions

Non-interactive (padrão)

The default is that cards have no interaction, but their internal elements can be interactive.

Interactive

Interacting cards allow activation and deactivation on click, but in this case, the style of the card changes.

Good habits

Texts

  • Titles demarcate the top of the information hierarchy. The card title can be used to quickly contextualize people, bringing the main information
  • Prioritize the use of a noun or short phrase. Do not use a period, question mark, ellipsis or any other graphic element in the title
  • Descriptions must provide additional text. They should help increase understanding of the information and should always be punctuated at the end of the last sentence.

Useful area

Shadows

Feedback