Skip to content

Owner review 35 — the item grammar, and a clean 홈 section (2026-10-15) ​

Status: Superseded in part — the separate due line folded into the facts in review 36; 새 일정 became 일정 in review 37 · Date: 2026-10-15

Answers: "I think we need to streamline and order things in a coherent manner. That means last updated date, the due/deadline date, and other key facts. Nothing on the thumbnail. Can you reference other best practices so that we can define a proper grammar for the items? And let's clean up the hub page's wireframes, at least those that are deemed stale at this point."

Board: flat-v2-hub § 홈, rebuilt.

The item grammar (library §5, Feed item) ​

Every item states its facts in the same order, whatever its kind:

#LineWhat it holdsType
1Overlinethe kind, then its source ("새 일정 | 강남 라켓클럽")13/18·600 secondary
2Titlethe subject (the venue, a post's first lines, a name)16/24·600 ink, up to 2 lines
3Factswhen first, then one qualifier ("토요일 19:00 | 복식")15/22·500 ink
4Dueonly with a deadline ("D-3 | 접수 10월 15일까지")13/18·600 warnText
5Footerthe posted time at the left, the counts at the right13/18 tertiary

Nothing is on the thumbnail. The date badges, the photo count and every Tag pill are gone:

  • the overline names the kind;
  • the facts line says when;
  • the due line carries the urgency;
  • the footer says when it was posted.

Date rules:

  • An event's date is absolute: 오늘, 내일, a weekday within the week, else "10월 18일 (토)".
  • A posted time is relative under 7 days, then absolute ("9월 19일"), with the year only when it is not this year.
  • A deadline counts down within 7 days (D-n, D-DAY, or "오늘 18:00 마감") and leaves once passed.
  • The posted time and an event's date never share a line.

References:

  • The order follows the list item's slots: an overline above the headline, supporting text below, a trailing element for meta (Android ListItem, which implements Material 3 lists). Toss's TDS ListRow has the same top and bottom text rows (TDS).
  • Timestamps: relative for the last week, then absolute, and absolute whenever the reader needs the exact moment of an event:
  • Nothing on images: NN/g's guidance on text over images (NN/g). Text on a photo needs a scrim or panel to stay legible, and its contrast varies with every image.
  • The Material 3 page itself, Apple's HIG and Meetup's or Eventbrite's cards were not retrievable. Their patterns (an event date as an overline, a timestamp at the top right) are not cited as evidence here.

The hub board's 홈 section, cleaned ​

Removed as stale:

  • The pre-B 홈: its Ideal (내일 일정 and 이번 주 rows), and its tasks, live, overflow, empty, first-run, loading, error, offline, official, picker, coachmark, English, 200% and dark frames, plus their old page component.
  • The open-sessions Module alternative and its tile components.
  • The duplicate B frames.

Now, all in direction B:

  • Ideal (member).
  • States: a fee due; nothing ahead; first run; loading (each zone its own skeleton, §1.14); error; offline cold; offline cached.
  • Club officer.
  • Overlays: the club picker; the first-run coachmark.
  • 200% and dark.
  • The 홈 spec table is rewritten for B: zones, the item grammar, the date rules, reads, taps and rulings.

The canonical frames keep the ids the flows board uses (home-ideal, home-official). Every flow step still finds its target; the flows page shows no missing tap mark.

Owed: 홈 in English. The B components hold their Korean strings directly; they get locale pairs before the English frame returns.

Other hub sections: 기록, 프로필 and 클럽 홈 are not stale but pending. They wait for the grammar to be final and are recomposed next. The page grammar section stays.

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