Download card
A card that shows the data of an uploaded document or image that you can download.
Breakdown
A download card is an action the user can take to view additional content. It has a 2px light grey stroke around the edges of the card while the contents contain a lockup of lead, paragraph and icon elements.
Usage
When you need to upload supporting documents and media to a page you should use a Download card. The card can support PDF, JPEG and PNG media. Once an item is uploaded you should create a shorthand title for the media. The file type, size and page count will automatically populate based on the media uploaded.
Anatomy
Vertical padding
Download has a vertical padding of 18px.
Horizonal padding
Download has a horizontal padding of 18px.
Layout
When grouping download buttons together, use a vertical gap of 13.5px.
