LiveDesign Lab

News feed hierarchy

Preview

The current card weighs every element equally — favicon, dot, category, outlets badge, source, timestamp. The eye doesn't know what to grab. This redesign makes the title the hero and the breaking-cluster badge the killer signal.

What changed

  • Title leads. text-sm/medium, sentence case, two-line clamp. Source and time are small and quiet beneath it.
  • Breaking-cluster promotion. Stories carried by 3+ outlets get a top accent stripe and a bold outlets badge. Stories with 2 outlets get the badge but no stripe. Singles stay quiet.
  • No tiny mono row. The favicon and category dot stay, but they sit beside the source name in muted text — not as their own confetti row.

Live samples — pulled from /api/feeds

Loading representative samples from the live feed…

Stacked list — proposed

What the right-rail feed could look like end-to-end. Density and padding tuned for ~360px panel width.

Intelligence feed

These pages are isolated experiments — nothing here is wired into the shipping dashboard until you adopt it.All experiments →