Eleven days to the submission제출까지 11일
The app has the Expressive look in code now (PR #177, waiting for Minsik's review), with the new header (#178) and sitter calendar (#183) stacked on it. Booking is moving into one chat per owner and sitter (Phase 03D, Minsik, Oct 18 – 24), and the design system is on main since #54 (Oct 16). Design's job now: the chat booking and large-text onboarding designs, the app icon and stickers from the gold coin logo, and Figma in step with the app before the Oct 28 freeze.앱에 이제 익스프레시브 룩이 코드로 들어갔어요(PR #177, 민식 님 리뷰 대기). 새 헤더(#178)와 시터 달력(#183)이 그 위에 쌓여 있어요. 예약이 오너–시터 쌍마다 채팅 하나로 옮겨 가고 있고(Phase 03D, 민식 님, 10/18 – 24), 디자인 시스템은 #54(10/16)로 main에 있어요. 이제 디자인의 일: 채팅 예약과 큰 글씨 온보딩 디자인, 골드 코인 로고로 앱 아이콘과 스티커, 그리고 10/28 동결 전에 Figma를 앱에 맞추기.
Decisions waiting on you기다리는 결정
Each one unblocks work below.하나씩 아래 작업을 풀어 줘요.
This week이번 주Next in the Draft초안에 다음으로The new owner Home (“Good morning, Robert”, stay card, stat tiles) or dark mode? Neither is built yet.새 오너 홈(“Good morning, Robert”, 스테이 카드, 숫자 타일) 또는 다크 모드? 둘 다 아직 안 만들었어요.
This week이번 주Chat stages채팅 단계The five README stages on the chat's stepper, or the app's Request · Meet · Confirm · Pay · Stay? Sketch.채팅 단계 표시를 README 다섯 단계로, 아니면 앱의 Request · Meet · Confirm · Pay · Stay로? 스케치.
This week이번 주Free for your datesFree for your datesThe last open piece of #120: a card on the sitter profile that needs the dates from sitter search. Options.#120에 남은 하나: 시터 검색의 날짜가 필요한 시터 프로필 카드. 옵션.
By Oct 2210/22까지Large-text onboarding큰 글씨 온보딩28 / 20 / 64 px and the five axis names, before Minsik builds 11.15 on Oct 24. Sketch.28 / 20 / 64px와 다섯 축 이름, 민식 님이 10/24에 11.15를 만들기 전에. 스케치.
Any time언제든Type scale글자 크기 체계An 18 px subtitle, or D6's four sizes? Still open in DESIGN.md §0.7.18px 부제목, 아니면 D6의 크기 넷? DESIGN.md §0.7에서 아직 미정.
Where each area stands영역별 현황
| Area영역 | State상태 | Status상황 |
|---|---|---|
| App (main)앱 (main) | All five stages, Snap, split view, Settings and photo requests are in. Oct 16 – 18: the Figma sync (#125, gold tag on Welcome and Login), sitter search (#128), the hatched calendar (#134), sitter onboarding (#139). Oct 18 to 19, in review: the Expressive look (#177), the new header (#178), the sitter calendar (#183). Next: booking in one chat (03D, Oct 18 – 24), then pet onboarding (11.15, Oct 24 – 27).다섯 단계, Snap, split view, 설정, 사진 요청 완료. 10/16 – 18: Figma 동기화(#125, Welcome과 Login에 골드 태그), 시터 검색(#128), 빗금 달력(#134), 시터 온보딩(#139). 10/18 ~ 19, 리뷰 중: 익스프레시브 룩(#177), 새 헤더(#178), 시터 달력(#183). 다음: 채팅 하나로 예약(03D, 10/18 – 24), 그다음 펫 온보딩(11.15, 10/24 – 27). | On track순조로움 |
| Draft초안 | The full stay in Expressive, with a Pages layout variation; the app tabs with Snap, Settings and What's New. The chat booking (03D) is playable (Oct 18) and in the Prototype list.익스프레시브로 스테이 전체, Pages 레이아웃 변형 포함. Snap, 설정, What's New가 있는 앱 탭. 채팅 예약(03D)은 체험 가능(10/18)하고 프로토타입 목록에 있어요. | Current최신 |
| This site이 사이트 | Seven pages: Overview, Prototype, Step by step, Brand, Plan, Project and Sketches, with search (/). Status facts come from one list, so pages agree.일곱 페이지: 개요, 프로토타입, 단계별, 브랜드, 계획, 프로젝트, 스케치, 검색(/) 포함. 상태 정보는 한 목록에서 와서 페이지끼리 맞아요. | Current최신 |
| PR #54 and PR #129PR #54와 PR #129 | #54 (design system v1, the site, the plugin) merged Oct 16. #129 (flat Tag for allergies) merged Oct 18. #41 and #117 are closed.#54(디자인 시스템 v1, 사이트, 플러그인)는 10/16 머지. #129(알레르기용 평평한 태그)는 10/18 머지. #41과 #117은 닫힘. | Merged머지 |
| PR #177 · #178 · #183 | Expressive as the app default (closes #176), the #147 header with the ≡ menu drawer, and the #120 sitter calendar (B + D). Stacked in that order, waiting for Minsik.앱 기본값이 된 익스프레시브(#176 닫음), ≡ 메뉴 서랍이 있는 #147 헤더, #120 시터 달력(B + D). 이 순서로 쌓여 있고 민식 님을 기다려요. | In review리뷰 중 |
| Figma | The plugin builds the 40 Expressive screens from 15 Expressive components (55 variants, every part linked) and the logos as SVG. It's newer on Mook's Mac than on main; one more run updates the file. Updated Oct 19 to match the app: a new “In the app · Oct 19” section on Screens (the #147 header and menu drawer, the #120 profile, day and month pages) and the pixel coin logo on Brand.플러그인이 익스프레시브 컴포넌트 15개(변형 55개, 모든 부분 연결)로 익스프레시브 화면 40개를 만들고 로고는 SVG로. main보다 묵 님 맥이 최신이고, 한 번 더 실행하면 파일이 업데이트돼요. 10/19에 앱에 맞춰 업데이트: Screens에 “In the app · Oct 19” 섹션(#147 헤더와 메뉴, #120 프로필 · 하루 · 달력 화면), Brand에 픽셀 코인 로고. | Updated업데이트됨 |
| Brand브랜드 | The gold coin is the logo (decided Oct 19), on Welcome and Login in #177. The tag, Notebook and Pixel stay on Brand for reference; every version is on the logo files page ↗. App icon and splash are still Expo's.골드 코인이 로고(10/19 결정), #177에서 Welcome과 Login에. 태그, 노트북, 픽셀은 브랜드에 참고용으로 남겨요. 모든 버전은 로고 파일 페이지 ↗. 앱 아이콘과 스플래시는 아직 Expo 기본. | Icon next아이콘 다음 |
Oct 15 – 30, to scale10/15 – 30, 실제 비율
Team dates come from the team's TODO; yours and mine are proposals that land each piece before the work that depends on it. Light-green bars with a tick are done.팀 날짜는 팀 TODO에서, 묵 님과 제 날짜는 각 작업이 그것을 기다리는 작업보다 먼저 끝나도록 잡은 제안이에요. 체크 표시가 있는 연한 초록 막대는 끝난 것.
You (Mook)묵 님Me (Claude)ClaudeTeam (TODO.md)팀 (TODO.md)Deadline마감
Who does what누가 무엇을
Only you can묵 님만 할 수 있는 것
- Approve the app icon and splash I make from the coin (the README and the app are waiting).코인으로 만든 앱 아이콘과 스플래시 승인 (README와 앱이 기다리는 중).
- Nine stickers, 256 × 256 transparent PNGs with the same names: ball, best_day, bone, cloud, heart, paw, star, sun, zzz. Plus the Snap tab icon and the sticker outline style.스티커 아홉 개, 같은 이름의 256 × 256 투명 PNG: ball, best_day, bone, cloud, heart, paw, star, sun, zzz. 그리고 Snap 탭 아이콘과 스티커 테두리 스타일.
- Large-text values and the “at a glance” card in Figma, before Minsik builds 11.15 on Oct 24.큰 글씨 값과 “at a glance” 카드를 Figma에서, 민식 님이 10/24에 11.15를 만들기 전에.
- Edit the demo video (Oct 27–28) and accept the Devpost team invite.데모 영상 편집(10/27–28)과 Devpost 팀 초대 수락.
Design log디자인 기록
What changed in the design, newest first.디자인에서 바뀐 것, 최신순.
- Figma cleanup: the pixel coin is the logo everywhere (Brand page, App Bar, the Expressive prototypes); Balanced and Live screens moved to an Archive page; Button labels fill, Steppers stack first on top, chips hug, fields and checklist rows are auto-layout with spacing variables. The Goldito plugin now does all of this on its own (rules in
design/figma-plugin/README.md), so a re-run keeps it.Figma 정리: 픽셀 코인이 어디서나 로고(Brand 페이지, App Bar, 익스프레시브 프로토타입), Balanced와 Live 화면은 Archive 페이지로, 버튼 라벨은 Fill, Stepper는 First on top, 칩은 Hug, 입력칸과 체크리스트 줄은 간격 변수를 쓰는 오토 레이아웃. Goldito 플러그인이 이제 스스로 이렇게 만들어서(규칙은design/figma-plugin/README.md) 다시 돌려도 유지돼요. - Expressive goes into the app's code (PR #177): cream and ink, Fredoka titles, pill buttons, chips and toggles, tinted cards (mint, peach, butter, blush), the Figma tab bar, numbered stage dots on the owner booking, and the gold coin logo on Welcome and Login.
?skin=defaultshows the old look.익스프레시브가 앱 코드로 들어가요(PR #177): 크림과 잉크, Fredoka 제목, 알약 모양 버튼·칩·토글, 색이 있는 카드(민트, 피치, 버터, 블러시), Figma 탭 바, 오너 예약의 번호 단계 점, Welcome과 Login의 골드 코인 로고.?skin=default로 예전 룩. - The #147 header (PR #178): Fredoka title, Owner or Sitter chip, a bigger bell with a count, and a ≡ menu drawer from the right with Log out at the bottom. A paw that pulls the drawer is on the site as an idea.#147 헤더(PR #178): Fredoka 제목, Owner 또는 Sitter 칩, 숫자가 있는 더 큰 벨, 맨 아래 로그아웃이 있는 오른쪽 ≡ 메뉴 서랍. 발이 서랍을 당기는 안은 아이디어로 사이트에.
- #120 sitter calendar: five layouts compared for older users, Mook picked B + D (next openings, then the month and each day on their own pages). Built in PR #183.#120 시터 달력: 어르신 기준 다섯 가지 배치를 비교했고, 묵 님이 B + D를 골랐어요 (다음 빈 시간, 달과 하루는 각자 페이지). PR #183으로 만듦.
- The gold coin is the logo (Oct 19); the tag, Notebook and Pixel stay on Brand for reference. The chat booking (03D) is playable. A live-app QA against the new copy rules became issues #179 – #182 and a copy list on #173.골드 코인이 로고(10/19). 태그, 노트북, 픽셀은 브랜드에 참고용으로. 채팅 예약(03D) 체험 가능. 새 문구 규칙으로 한 실제 앱 QA는 이슈 #179 – #182와 #173의 문구 목록으로.
- Figma cleanup: the pixel coin is the logo everywhere (Brand page, App Bar, the Expressive prototypes); Balanced and Live screens moved to an Archive page; Button labels fill, Steppers stack first on top, chips hug, fields and checklist rows are auto-layout with spacing variables. The Goldito plugin now does all of this on its own (rules in
- The stay gets a Pages layout (stepper on top) as a switchable variation. A Sketches page draws every design ticket, the chat booking (03D) and the team's menu-header idea.스테이에 Pages 레이아웃(위에 단계 표시)을 바꿔 볼 수 있는 변형으로 추가. 스케치 페이지에 모든 디자인 티켓, 채팅 예약(03D), 팀의 메뉴 헤더 아이디어.
- The Figma plugin builds every Expressive screen of the Prototype tab from 15 Expressive components (55 variants, every part linked), with illustration outlines, status dots and input text matching the prototype; logos are SVG vectors.Figma 플러그인이 프로토타입 탭의 모든 익스프레시브 화면을 익스프레시브 컴포넌트 15개(변형 55개, 모든 부분 연결)로 만들고, 일러스트 외곽선, 상태 점, 입력 글자가 프로토타입과 같아요. 로고는 SVG 벡터.
- The site gets search (/), a Project page with links to sketches, screens and Figma, and one list of status facts every page reads. The Treat Guard link now opens the DANGER alert.사이트에 검색(/), 스케치·화면·Figma로 연결되는 프로젝트 페이지, 모든 페이지가 읽는 상태 정보 목록 하나. Treat Guard 링크가 이제 DANGER 알림을 열어요.
- Decided D1: Expressive is the look. Balanced and Playful are paused, not deleted (one switch in
screens.jsbrings them back).D1 결정: 익스프레시브로. 밸런스드와 플레이풀은 지운 게 아니라 잠시 쉬는 중이에요(screens.js의 스위치 하나로 되돌려요). - One site for everything: Overview, Prototype, Step by step, Brand, Plan. Old review pages folded in; icons bundled so it works offline and as an artifact.모든 것을 한 사이트로: 개요, 프로토타입, 단계별, 브랜드, 계획. 예전 검토 페이지를 합쳤고, 아이콘을 묶어 오프라인과 아티팩트에서 작동.
- Expressive uses the logo's face (Fredoka), tag gold and the gold tag logo, with real dark mode.익스프레시브에 로고 서체(Fredoka), 태그 골드, 골드 태그 로고, 진짜 다크 모드.
- Snap replaces Mood in all looks; Settings and What's New designed for 11.11, with plain-word release notes.모든 룩에서 Mood 대신 Snap, 11.11용 설정과 What's New, 쉬운 말의 업데이트 소식.
- Decided D1: Expressive is the look. Balanced and Playful are paused, not deleted (one switch in
- Logo v2.1 (gold tag) with a full icon set; Notebook and Pixel directions; five diary-decoration takes.로고 v2.1(골드 태그)과 아이콘 세트, 노트북과 픽셀 방향, 다이어리 꾸미기 다섯 안.
- Step-by-step booking, care request, Meet & Greet and checkout, matching the team's large-text spec.예약, 케어 의뢰서, Meet & Greet, 결제의 단계별 흐름, 팀의 큰 글씨 스펙에 맞춤.
- The Draft follows the README: cast Robert / Chloe with Max and Mochi, README promise map, Ask before booking, one-pet days.README를 따르는 초안: Robert / Chloe와 Max, Mochi, README 약속 지도, Ask before booking, 한 마리만 되는 날.
- One set of stage names and date format, AA contrast across the site.단계 이름과 날짜 형식 통일, 사이트 전체 AA 대비.
- Design system v1, 65 Figma components, edge states, three looks, the Prototype viewer, published on GitHub Pages; icons instead of emoji.디자인 시스템 v1, Figma 컴포넌트 65개, 엣지 상태, 세 룩, 프로토타입 뷰어, GitHub Pages 공개, 이모지 대신 아이콘.
- Pet-theme concept prototypes and the Figma plugin that builds the library and every screen.펫 테마 콘셉트 프로토타입과 라이브러리와 모든 화면을 만드는 Figma 플러그인.