Dabusi · 다붓이

Wireframes

The flat v2 redesign is the one thing under review. Read it in order: foundations, then the component library, brand, every page, and the task flows. Everything below it is reference for the app as it ships today, or the archived decision record.

Pages by level: every page’s first screen with its code (L0 Entry, L1 Tab root, L2 Object page, L3 Detail page, L4 Form), side by side, so pages of one level are audited against each other. Navigation map: every link between the pages, what each page opens and what opens it.

Flat v2 redesign — for review

1 · Foundations grammar, colour, how sections divide

Foundations — grammar, colour, seamsapproved 2026-10-11 The rules every screen follows: frame, rail, type, spacing, seams, colour, medals, radii, icons, targets and the leading marker.

2 · Component library every shared component in every state

Library — chrome and navigationapproved 2026-10-11 The bars and entries around every screen: header, tabs, tab bar, FAB, CTA band, media band, wizard chrome, search layer and coachmark. Library — surfaces and contentapproved 2026-10-11 Blocks, strips, heroes, notices, charts, calendars, podium, photo grid, shelf and thumbs, each in its states. Library — rows, cells and labelsapproved 2026-10-11 Media and person rows, cells, headings, roster, tags, avatars and medals, each in its states. Library — controls and fieldsapproved 2026-10-11 Buttons, choices, sliders and the one field grammar: label on top, a 3:1 border, no helper by default, an error that shows in three ways. Library — overlays and feedbackapproved 2026-10-11 Which surface each situation gets, then the dialog, menu sheet, sheets, toast, empty states, skeletons, offline strip and countdown. Library — conversation and scoringready to mark Post rows, comments, message bubbles and the composer, reactions, and how a played match gets its score: any player enters it and it is set… Match grammar — one anatomy, every surfaceready to mark One match drawn one way on every surface that shows a match (the ATP card is the reference): a face for each player, one team per line, eac… Library — behaviour: text scaling, motion, accessibilityapproved 2026-10-11 Press and focus, disabled and loading, text scaling to 200%, motion and Reduce Motion, accessibility, safe areas, loading and toast timing.

3 · Brand icon, splash, notification, share cards

Brand — icon, splash, notifications, share cardsready to mark Every brand surface outside the app screens, drawn around an empty slot for the new mark.

4 · Pages every screen, in every state

Pages — 홈 · 기록 · 프로필 · 클럽 홈ready to mark The four hubs and the club's six panes, for every role and state. Pages — lists A: tabs, inboxes, club managementready to mark Tab roots, inboxes, every club management list and the four session sub-lists. Pages — personal lists, rankings and venuesready to mark Friends, achievements, the tennis journey (match notes) and match history, the leaderboard, the venue directory and the receipts. Pages — detail: sessions, clubs, venues, people, documentsready to mark The 22 detail pages: sessions and scoring, clubs, venues and receipts, people and records, messages and documents. Pages — forms and settingsready to mark Creating sessions and clubs, every edit form and the six settings pages, each with its states, roles and overlays. Pages — sign-in and onboarding1 open Sign-in, the four onboarding steps, the version gate and the pages a shared link opens.

본인인증 via PortOne + KG이니시스 통합인증 (PASS, 토스, 네이버 and more on one vendor screen); juniors: under 14 stops, 14–18 allowed without card payment. Approve, or change?

5 · Flows the nine core tasks, every tap counted

Flows — the nine core tasksready to mark The nine core tasks as screen sequences, with every tap marked and counted.

Shipped app (old grammar) — reference

The app as it ships today, drawn in the grammar the redesign replaces. Kept as the code-grounded record until each screen is rebuilt.

Components · 공유 키트The shared wireframe kit — atoms and domain cards every screen composes from, on the real tokens.상세 페이지 — 플랫 언어The flat design language for detail pages — no cards, section rhythm, flat rows, and a single bottom CTA. The current canon.Session Card · 밴드 없는 카드The session summary card without its top strip — state on the closing row, my marks beside the meter, the bookmark in the tile corner.

홈 · Home

Home · 홈A temporal home briefing — a day scrubber, sectioned session cards, and a recap infographic.

클럽 · Clubs

Club Detail · 클럽 상세The six-tab club place surface (member view), 관리, and the guest public profile — one phone per pane, drawing shipped code.Create Club Wizard · 클럽 만들기The current nine-step club creation wizard — name, region and courts, schedule, style, size, fees, intro, and confirmation.

경기 · Play

경기 · ActivityThe 경기 tab — one hub for my matches, pickup search, saved games, and court search, all on the same session card.└Session Detail · 일정Session detail on the flat canvas language — collapsing top bar, the hero identity pattern (venue title + one titleBadge + one GlyphFactRow…└Live & Scoring · 경기Live scoring — the host match board, the spectator scorecard, the tournament board, and the match rules editor.└Host Ops · 호스트A host’s session operations — applications, participant management, payments, and attendance.└Create / Edit Session · 일정Creating a session is a seven-step wizard; editing happens in place on the session page itself, via the session RECORD rows.└Courts & Venues · 코트The court directory on the flat canvas language — nationwide search, venue detail, and the structured correction flow.

기록 · Records

Records · 기록The 기록 tab — a scrollable dashboard with a ring hero, heatmap, format stats, and an ELO trend.└Leaderboards · 리더보드The leaderboard — club, regional, and national scopes, each with a top-3 podium, rank rows, and a my-rank footer.└Head-to-Head · 상대 전적Head-to-head analysis — a win-rate summary, rivalry callout cards, and an opponent list with recent form.

프로필 · Profile

Profile · 프로필The 프로필 tab — hero, stats, friends, achievements, attendance and manner, the tier-info modal, and public profiles.└Settings · 설정The settings hub — a grouped menu and its sub-screens for editing profile, notifications, privacy, and consent.└Legal & misc · 약관The static content screens — terms of service, the privacy policy, and announcements, in the shared content page.└Social · 친구·업적The social surfaces — a friends list with requests, friend search, a tiered achievements gallery, and 테니스 여정, the match notes (the practice…└Messaging · 메시지Direct messages — a two-tab inbox, an asymmetric-bubble thread for 1:1 and group chats, and the shared member picker.

시작 · Entry

Onboarding · 시작Auth and first-run — login, a value-props pager, and a sign-up wizard covering birth year, consent, and play style.

Archive

Shipped decisions, superseded proposals (each names its successor) and deferred boards.