Skip to content

Owner review 33 — one Feed item layout (2026-10-15) ​

Status: Superseded in part — the item anatomy was ordered and compacted in reviews 35 and 36 · Date: 2026-10-15

Answers: "We need a unified feed item layout. At the moment, we are just putting a bunch of differently configured items onto the list without unifying their look. Look at how 당근 puts different listings that look the same on the home tab."

Board: flat-v2-hub § 홈, group "Proposal: one combined 소식 Feed" (with the Module, the Feed alone, dark, and 200%).

What was wrong ​

Review 32 drew each kind with its own component, so the Feed read as a pile of different shapes:

  • a PostRow (an author header and a body);
  • a session MediaRow inside a PostRow;
  • a ResultRow;
  • a photo grid;
  • an event row.

The shared source line was not enough to make them one list.

The Feed item ​

Every kind now fills the same slots, as 당근 lists every listing alike. The anatomy is in library §5, Feed item:

  • a 96 square thumbnail at the left;
  • the title, 16/24·600, up to two lines;
  • the meta line, 13/18, the source then when;
  • the key fact, 15/22·600, with a Tag before it only for an exception;
  • the counts at the bottom right, shown only above zero;
  • the whole item is one press target, with no button and no hairline.

What fills each slot:

KindThumbnailTitleMetaKey factCounts
New sessionthe venue's mapthe venuethe club, whenthe time (마감 임박)people 6/8
번개the venue's mapthe venuethe host's 번개, whenthe time (오늘 마감)people 3/4
Postits photo, else the club tileits first linesthe club, the author, whennonecomments, hearts
Photosthe first photo정모 사진 8장the club, whennonehearts
Resultthe winners' faces박지훈, 최유나 팀 승the club, when6-4 6-3hearts
Tournamentthe trophy tileits namethe organiser, whenthe date (D-3)none

Evidence. 당근's design system, SEED, defines its List Item as fixed slots (seed-design.io):

  • a prefix, a title, a detail and a suffix;
  • top-aligned for multi-line titles;
  • the whole item clickable, with at most three interactive elements;
  • side padding of at least the 16 gutter.

Its Image Frame rounds images over 48 at 8 (seed-design.io). The exact thumbnail and type sizes of 당근's listing are not published. The 96 thumbnail and the type sizes here are ours, set on the 4 grid against our type scale.

Checked in dark and at 200% ​

  • Dark: maps are dimmed under the review-32 scrim, tiles take the dark fill, and the counts stay tertiary.
  • 200%: the 96 thumbnail left the text too narrow. The venue broke mid-word ("대치유수지체육공 / 원") and the source cropped to "강남…". The item now follows the large-text reflow: from 1.5× the thumbnail is 56 and the meta may take two lines (drawn: home-b-mix-200).

What this changes ​

  • The Feed's items are no longer PostRows:
    • a post's full body, reactions and comments live on its page;
    • a result's teams live on the match.
  • The kit's noActions PostRow option (review 32) is removed. Feed items have no reaction row by construction.
  • The club page's 게시글 Feed should follow the same rule when the hub pages are recomposed. This is not drawn yet, because the owner is marking 홈 first.

Markdown remains the source of truth. Run yarn docs:check before handoff.