A card is flexible-size container that groups a few short, related pieces of information. Cards are used to guide the user info specific content. In the service www.oslo.kommune.no cards are used as a point of entry for dissemination content like news, activities, projects and different institutions.
A modular panelsystem which scales towards the different panel needs have been established. Examples of card variations are shown below.
Important
The card has some restriction as to how much text it can contain. The text should never be so long that the box grows bigger than the image on medium and large. There should be added "..." if the text is too long.
- The label should only go on one line
- The header can go on two lines
- The text can go on three lines
- The metadata can go on two lines on medium but on one line for large breakpoint
Blue background
Hide image on small screens
Hide image on small screens only
