Underline Card

Underline Card is a list row whose underline stretches across on hover, then unfolds downward into a photo card. Stack several to build a project list that opens one row at a time.

Features

Stretch then Unfold — The line spans the row, then becomes the card.

Photo Card — Image, card title and short text with adjustable shade.

Index and Meta — Number and year (or any label) on each row.

Typography — Separate fonts for label, small text and card.

Card Height and Radius — Fit any layout.

Triggers — Hover, tap on phones, or on view.

Links — Link each row to a page, with new-tab option.

Built for portfolio indexes, case-study lists and menus.

Part of the Dot Line Plane series.