CardsStable

Work Card

Sourcecomponents/cards/WorkCard.astro

Overview

The project card as used on the Work index and Related Projects — a rounded image box on top, then a tagline and the company name below it. Both lines are Body 1 / Medium (the tagline isn’t a heading); the company line takes the work secondary colour. The image scales gently on hover.

A one-line project headline

Company Name

Another project headline here

Company Name

Props

Prop	Type	Default	Notes
`tagline`	string	`—`	The project line under the image (Body 1). Required.
`image`	string	`—`	Image URL.
`company`	string	`—`	Company name — takes the work secondary colour.
`alt`	string	`company / tagline`	Image alt text.
`href`	string	`—`	Links the whole card.

Usage

Use it in the work overview and related-projects grids.

<WorkCard
  image="/img/example.jpg"
  tagline="A one-line project headline"
  company="Company Name"
  href="#"
/>

Rules

Use for case studies where the caption needs its own room below the image.

Keep the tagline to one line where you can.

Don't

Overlay text on the image — that's a Navigation Card.

Add a border — the image radius carries it.