# Article card

Article card: a free component, built on your design tokens, to use on a blog, changelog or help centre index. A card for one article or changelog post: a drawn cover, the category and reading time, a headline, a two-line summary, the author and date, and a button to save it.

Prompt: Add the OpenDesigner component article-card to this project: https://opendesigner.dev/library/r/article-card.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: hover, focus, saved, not saved.

Accessibility: The headline is the one link and its click area covers the card; Save sits above it as a separate toggle button with aria-pressed, and the cover is decorative.

File: https://opendesigner.dev/library/r/article-card.html