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.
White
White card is used on colored backgrounds. White card supports all the different card variations.
Light gray
Light gray card is used on white backgrounds. Light gray card supports all the different card variations.
Hide image on small screens
Hide image on small screens only
No image
Cards can be used without image when an image is not available. If used together with other cards images are recommended to ensure good flow and consitency in the overall design.
Animated
Animates card on mouseover. Used to enhance "Call To Action".
Custom content
A card can have custom content.
Grid layout example
