Updated 17 March 2025
Card
Updated 24 Jan 2025View FigmaUpdated 24 Jan 2025View FigmaUpdated 24 Jan 2025View FigmaUpdated 24 Jan 2025View FigmaUpdated 24 Jan 2025View FigmaUpdated 24 Jan 2025View Figma
Here is some documentation about this component
Here is some documentation about this component
Card elements contain more complex UI and may have actions within them. They can also act as a single `CTA`.
library-card(8 variants)
These cards are used in the larder when users add a library. There are many different states to consider here.
Figma notes
The info button links to our "how to" page on the .com site. The email state will trigger after 10 minutes of loading.
The contact is on the error state will open the Hubspot modal.
component-tile(2 variants)
These are the component cards on the library dashboard page.
view-swatch(7 variants)
Here is some documentation about this component
site-card(2 variants)
This card is WIP and not in production yet.
pricing-card(10 variants)
These pricing cards exist on the plans page. They have a selected and default states and contain both the yearly and monthly pricing options.
style-card(8 variants)