← Cockpit Wireframes Pages by level Navigation map
Session Card · 밴드 없는 카드▾
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-07 — shipped; kept as the decision record
Interactive kit · grounded in code

Session Card · 밴드 없는 카드

Recommended pathDecided 2026-09-07/08: no top strip except live; closing-row chips are badges; the bookmark is always visible and IS the toggle
1No band above the card — EXCEPT live, which gets the full-solid ribbon back (pulse + 라이브).
2Venue line: venue name, then weather, then the bookmark — ALWAYS drawn (outline unsaved / filled saved), and it toggles saving in the real app.
3Closing row: the lead chip as a BADGE, not a bare word — its sub composes in when it carries a different fact (마감 임박's countdown, 예비's queue position), dropped when the label already names the moment (곧 시작, 우천 예보). A live lead renders NO badge here — the band said it.
4Then my standing badge (호스트/참석/예비), always neutral — never competing with the lead's color — then the meter.
5Detail screen: the same lead + standing render as SessionStripChipBadge in the hero's badge row.
6Terminal states keep the mute treatment.
피드 — 라이브 · 응답 기한 임박 · 모집 중 · 예비
경기
라이브
양재 시민의숲
⏰09:00–11:00
🎾남복
🎯
3.0–4.0
참석
8/8
한강시민공원 테니스장
⏰18:00–20:00
🎾혼복
🎯
3.0–4.0
응답 기한 임박 1시간 남음
5/8
올림픽공원 코트
⏰20:00–22:00
🎾남복
🎯
3.0–4.0
25,000원
마감 임박
6/8
양재 시민의숲
⏰09:00–11:00
🎾남복
🎯
3.0–4.0
예비 2번째
8/8
해부 — 무엇이 어디로
카드 해부
장소 줄
왼쪽
코트 이름 (유일한 가변 요소)
오른쪽
날씨 · 북마크 (항상 표시, 저장 시 채움)
마감 줄
맨 왼쪽
상태 배지 (라이브 제외 — 서브는 다른 정보일 때만)
그 다음
내 상태 배지 (호스트/참석/예비, 항상 회색)
나머지
모집 미터 (숫자는 오른쪽 끝)
라이브만의 예외
상단 밴드
라이브일 때만 부활 — 펄스 + 라이브
마감 줄
라이브면 상태 배지 생략, 내 상태만
Spec (grounding, anatomy)

Shipped: the session summary card without its top strip, except live. The strip's lead chip renders as a canonical badge on the closing row (sub composed in only when it's a different fact than the label), my standing is a quiet second badge, and the bookmark is ALWAYS visible — and tappable — at the right of the weather on the venue line. A live lead is the one exception: it gets the full-solid ribbon band back across the card's top edge, and the closing row falls back to the standing badge only. Built in session-card-v2.tsx / session-strip-ui.tsx (SessionStateInline, SessionLiveBand) and the detail hero (SessionStripChipBadge); the strip-map board is archived as the model's history.

route · packages/app/src/presentation/components/sessions/session-card-v2.tsx → session-strip-ui.tsx (badge grammar + live band) · domain/session-strip.ts grounded in 5 source file(s)
packages/app/src/presentation/components/sessions/session-card-v2.tsxpackages/app/src/presentation/components/sessions/session-strip-ui.tsxpackages/app/src/domain/session-strip.tspackages/app/src/presentation/components/sessions/session-media-row.tsxpackages/features/clubs/src/shared/club-photo-seam.tsx