Initial designs for card component

[aboydnw]

Context

The card component shows up in multiple places across the dashboard and its core features. Known use cases:

• Data catalog to show available datasets
• Layer selection modal to show available layers in E&A
• Stories catalog
• Custom pages like the themes pages or data toolkit that GHG developed
• earth.gov redesign wireframes developed by Esther

Acceptance

• Initial designs are developed in figma to show the different variations of the card component to meet the needs, as we know them now
• Agreement between product, design, and engineering on what the first, most important card types will be

[aboydnw]

Related cards for consideration in design:

• Card image/description independent of hero image/description US-GHG-Center/veda-config-ghg#636
• Improve consistency in user experience: clickable cards US-GHG-Center/veda-config-ghg#637

[faustoperez]

Initial card designs are available on the Figma VEDA/USWDS file here 👉 https://www.figma.com/design/5mclPTReHcRIzKbJm8YA6a/VEDA---USWDS?node-id=317-1041&t=fhkfFZDZyevYUCxo-1

I will keep progressing with this piece of work as we build the rest of the template instance screens, but I think we have a consistent foundation now.