| Reading decision |
Title and engagement sit close together; read time is not visible until later context |
Series and read-time sit in the cover, so effort and topic are known before scanning the title |
operating-principles §2 (context that changes a decision) |
| Title hierarchy |
Large title works, but the card lacks a summary bridge between title and tags |
Title remains dominant; excerpt adds enough semantic detail to qualify the click |
operating-principles §1 (primary focal point); rules/14-landing-pages.md (specific value before CTA) |
| Tags |
Inline hashtag links blend into body chrome and have limited hit area |
Bordered tag chips with hover state and clearer secondary weight |
quality-gates Gate 4 (hover state); operating-principles §7 (touch target clarity) |
| Save action |
Small icon button is visually quiet and shares the baseline with stats |
44×44px bookmark button with border, hover tint, and focus ring |
operating-principles §7 (Fitts); quality-gates Gate 4 (focus/hover states) |
| Engagement row |
Reactions and comments are present; saves are only implied through the icon |
Reactions, comments, and saves are explicit in one footer band |
operating-principles §2 (one zone for secondary metadata) |
| Dark mode |
Hardcoded DEV neutrals are preserved as a faithful light-only reference |
OKLCH tokens control card, text, tags, footer, and bookmark states |
quality-gates Gate 6 (dark mode required) |