Internet Explorer is not supported by Design Library

The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.

Consequently, we have decided to not include support for IE in the Design Library website.

Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.

Design Library

Card

A card is container for a few short, related pieces of information. It roughly resembles a playing card in size and shape, and is intended as a linked, short representation of a conceptual unit.

Available in

Component meta

Component identifier

component-card

Tags

Design principles

---
Guidelines

Short description

This component will be described at some point. Until then, here are a few examples.

Examples

Specification

Card

Measurements

Colours

  • Fill White

Drop shadow

  • The drop shadow is located below the card. It is not included in the actual card height.
  • Height: 0.375 rem (6px)
  • Colour: Black 15% (rgba; 0, 0, 0, 15)
  • Shadow size: x 0 , y 2 , blur 6, spread 0
  • Code: Box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);

Read about rem

Dark mode

Read more about Pattern: Dark mode 

Related patterns & components

Component
Widget

Page last updated

Feedback

Was this page helpful?