← Cockpit Wireframes Pages by level Navigation map
Card Continuity · 카드 = 상세의 예고편▾
Shipped app (old grammar)Components · 공유 키트상세 페이지 — 플랫 언어Session Card · 밴드 없는 카드
홈 · Home
Home · 홈
시작 · Entry
Onboarding · 시작
ArchiveStrip Map · 세션 스트립 전체 시나리오Headers · 헤더 아이콘Card Continuity · 카드 = 상세의 예고편Session Hero · 더 조용한 공유 카드 (제안)Session Share Card · 히어로 = 공유 카드Session List Frame · 날짜 섹션 · 패널 필터 · 2+2 카드Compaction — 일정 · 코트 · 스코어카드Compaction — 클럽 상세 · 홈Compaction — 기록 · 프로필Live anchor — 진행 중 밴드Density · 카드 밀도토스트 — 리디자인 제안Club List · 클럽Clubs · 클럽클럽 상세 — 여섯 탭 플랫운영 섹션 — 플랫 목표위저드 내비게이션 — 결정 보드드래프트 복원 — 무음 복원클럽 조 편성 — 모델 결정 보드게스트 → 회원 — 심사 흐름Page polish — titled postsWeb app — desktop layoutProduct questions — openWeb app — desktop adaptation, round 2Visual tone — pure white, flat rows, one Tag, a colour budgetLibrary — chrome, surfaces, rows, labelsLibrary — controls, overlays, states, formsLibrary — page patterns, scaling, motionLibrary — additions from the pagesEmpty-once — 프로필 빈 섹션Notification groups — 할 일 밴드 그룹화Profile Cockpit · 프로필 압축Session Detail — Redesign · 일정Venue Detail — Redesign · 테니스장Profile Detail — Redesign · 프로필Tournament Detail — Redesign · 대항전Applicant Detail — Redesign · 가입 심사Canvas Migration — 회비 · 멤버 · 규칙Record Detail — Redesign · 기록Venue Finder · 코트 찾기Venue Filters · 코트 필터 재구성Notifications · 알림Panel Placement · 하단 고정
Decided 2026-09-18 — shipped; kept as the decision record
Interactive kit · grounded in code

Card Continuity · 카드 = 상세의 예고편

Card continuity — the list card as the trailer of the detail pageDecided 2026-09-18: the list card speaks the detail hero's grammar. An external audit first argued SessionCardV2 should read in the hero's order and drop the weather glance; the owner went further and chose the hero's glyph-fact grammar for the card itself — the card is the hero's identity block, folded, plus one decision row. Rulings that stay: the static-map tile (2026-09-14), hairline-broken segments never "A · B" (2026-09-06, restated 2026-09-14), and the F1 card board's "no top strip except live".
경기
양재 시민의숲
⏰09:00–11:00
🎾혼복
🎯
3.0–4.0
₩8,000원
마감 임박
6/8
대치유수지체육공원 테니스장
⏰20:00–23:00
🎾복식
🎯
3.0–4.0
호스트
8/8
List — session-card-v2.tsx (open · host, full)
일정
🗺️
양재 시민의숲모집 중
📅7월 24일 (토) D-2⏰09:00–11:00🌤24°🎾혼복 친선
참여 · 정보 (unchanged below)
Detail hero — session-hero-section.tsx
Card — the hero, folded
Venue name (1 line)
L1 = MediaHero title
ONE chip: lead, else standing
L1 = MediaHero titleBadge seat (SessionLeadBadge)
Bookmark
L1 right pole (SessionSaveButton)
📅 date + time (one when-phrase)
L2 = GlyphFactRow, inline density
🎾 format·style
L3 = GlyphFactRow fact "format" (sessionTitle)
Tier dots + numbers | fee
L3 (TierRangeBadge inline, MetaBreak)
Fill meter
closing line → the hero's 확정 인원 stat
Hero — what draws what
Title
MediaHero title (venue name)
Title badge
MediaHero titleBadge (strip lead)
📅 date + D-day
GlyphFactRow fact "date"
⏰ time
GlyphFactRow fact "time" (the card folds it into 📅)
🌤 weather
GlyphFactRow fact "weather" (hero only)
🎾 format · style
GlyphFactRow fact "format"
Decided (owner, 2026-09-18): the glyph-fact grammar on the list card, not a chips-only compaction. L1 is the hero's identity line (title + one chip in the titleBadge seat); L2 is the hero's 📅 fact at inline density with the time folded in; L3 is the hero's 🎾 fact plus the two decision facts the hero does not state — the tier band as bare dots + numbers and the fee; the meter closes the card as one thin line. Weather leaves the card; format and style leave their chips for the one 🎾 fact; the lead+standing pair collapses to one chip (lead when it says more than 모집 중, else standing). Five chips become one, and the chip-height closing row becomes a bar. Now (2026-09-18): shipped in session-card-v2.tsx; the kit's WFSessionCardV3 draws it on every board.
Now (2026-09-18 pm): Round 2 folded the date OUT of L2 for good — a day header now states it once per list, never the card — so this board's L2 is 📅-only above and the body is now ⏰ time · 🎾 format+type / 🎯 tier alone. Now (2026-09-21): the fee is back for a browsing viewer, on the closing line beside the meter (owner reversal via a Gemini session), and the ONE chip moved from L1's titleBadge seat to that closing line's left pole — the venue title owns L1 alone. The detail hero band also carries a 장소 보기 hint pill (its one tap cue). See /wireframes/session-list-frame for the day-sectioned frame this board is not redrawn to.
Rejected (from the audit's own mock)
2026-09-14a colour pill instead of the static-map tile — the map tile stays (owner ruling: one request, one look, shared with the venue directory's own tile).
2026-09-06 / 09-14middle-dot-joined lines ('A · B') — facts sharing a line are separate hairline-broken segments (MetaSegments/MetaBreak), never a dot glue.
alwaysa title line invented for the card — session titles are metadata-derived via sessionTitle(); the venue line already IS the title (its own fallback chain ends at sessionTitle() only when there's no venue or location text at all).
Spec (grounding, anatomy)

DECIDED 2026-09-18 (owner): the list card is the session-detail hero, folded into the three lines its square tile is bound to. L1 = venue title (one line) + ONE chip in the hero's titleBadge seat (the strip's lead when it says more than 모집 중, else my standing) + bookmark; L2 = the hero's 📅 fact at GlyphFactRow's inline density with the time folded in (one when-phrase); L3 = the hero's 🎾 format·style fact + the tier band at inline density (bare dots + numbers, no pill, no NTRP prefix) | fee; the recruitment meter closes the card as one thin bar + count (its count becomes the hero's 확정 인원 stat). Weather leaves the card; format/style chips fold into the 🎾 fact; five chips become one and the chip-height closing row becomes a bar. Supersedes the 2026-09-17 proposal. Map tile, no-middle-dot and no-top-strip rulings unchanged.

grounded in 10 source file(s)
packages/app/src/presentation/components/sessions/session-card-v2.tsxpackages/app/src/presentation/hooks/use-session-card-models.tspackages/app/src/domain/session-info-model/builder.tspackages/app/src/domain/session-info-model/types.tspackages/features/sessions/src/session-detail/page/session-hero.tsxpackages/ui/src/media-hero.tsxpackages/ui/src/glyph-fact-row.tsxpackages/ui/src/meta.tsxpackages/app/src/presentation/components/sessions/session-strip-ui.tsxpackages/app/src/presentation/components/sessions/session-media-row.tsx