Skip to content

Wireframes

Status: Active

The app's wireframe set — one config-driven wireframe per section, rendered from real brand tokens and static-served (no CDN). This is the design surface for aligning layout, hierarchy, and flow before app code. It is deliberately separate from the interactive mobile UI kit (the full click-through): wireframes decide the shape, the kit proves the components.

Each section is driven by one config object (e.g. HOME, CS_CLUB) in docs/twomore_design_system/wireframes/ — edit the config, rebuild, and the render updates. No throwaway artifacts.

Open the wireframes hub →

Home · 홈

The Toss-style feed: a needsAttention strip, the 일/주/월 period axis, and priority-ordered cards that hide themselves when empty (next session → ranking → 근처 번개 → 클럽 소식 → 추천 클럽). Three frames show 일간 / 주간 / FTUE.

Open the Home wireframe →

Clubs · 클럽

Card → detail for every audience (비회원 / 회원 / 운영 / 경기이사), driven by one CS_CLUB + CS_AUDIENCES config.

Open the Clubs wireframe →

Still to build

One at a time, reviewed between each: Sessions · 경기, Records · 기록 (visualizes the rating/ranking model), Profile · 프로필. The Clubs wireframe will move into wireframes/ alongside Home as the set fills in.

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