버림도감(가제)

좋아요. 「버림도감」 + 도트 결로 확정하고 깊게 들어갈게요. 먼저 이 조합의 강점을 짚고 가요. 도트는 저예산처럼 보이는데 사실 정교한 미학이에요. 픽셀 하나하나가 의도된 거니까. 그래서 "버린 것"이라는 가벼워 보이는 주제와 만나면 — 하찮은 걸 정성껏 다루는 묘한 맛이 나와요. 이게 키치의 핵심이에요.

디자인 시스템 잡기 폰트

한글: 둥근모 (무료, 도트의 정석) 또는 갈무리 (조금 더 각짐) 영문/숫자: Press Start 2P (구글폰트, 패미컴 느낌) 또는 VT323 (모니터 느낌) 본문은 도트 안 쓰고 Pretendard 같은 거 — 전체를 도트로 도배하면 못 읽음

컬러 팔레트 (Game Boy / 패미컴 결)

배경: #0F0F1B (거의 검정, 살짝 보라) 메인: #FFE74C (형광 노랑) — 도감 강조 서브: #FF5964 (체리 빨강), #38B6FF (도트 하늘) 텍스트: #F5F5F5 등급별 컬러:

일반 = 회색 #9CA3AF 레어 = 파랑 #38B6FF 에픽 = 보라 #A78BFA 전설 = 금색 #FFE74C + 반짝이 애니메이션

비주얼 규칙

모서리 무조건 각짐 (border-radius 0) 그림자 = 도트 그림자 (offset 4px, blur 0) 버튼 = 눌리면 2px 아래로 내려가는 패미컴 버튼 사진 업로드 시 자동 도트화 필터 적용 → 진짜 사진을 8bit 픽셀로 변환

도감 카드 구조 ┌─────────────────────────┐ │ No. 047 ★전설 │ ├─────────────────────────┤ │ │ │ [도트화된 사진] │ │ │ ├─────────────────────────┤ │ 헤어진 남친 곰인형 │ │ "10년을 함께한 동반자" │ ├─────────────────────────┤ │ HP ████████░░ 82 │ │ ATK ██████░░░░ 61 │ │ DEF █████████░ 91 │ │ SPD ██░░░░░░░░ 18 │ ├─────────────────────────┤ │ 포획: 2014.03 │ │ 작별: 2025.04 │ │ 동거: 11년 1개월 │ └─────────────────────────┘

능력치 4종 정의 (이게 핵심) 이름은 키치한데 질문은 진지해야 해요. 가벼운 옷에 진심을 담는 거. 스탯정식명질문HP추억력"이 물건과의 추억을 떠올리면 몇 장면이 스쳐가나요?" (1~10)ATK후회도"버리고 나서 후회할 것 같나요?" (1~10)DEF죄책감"버리는 게 미안한가요?" (1~10)SPD결심속도"버려야겠다 생각한 후 실제로 버리기까지 얼마나 걸렸나요?" → 짧을수록 높음 등급 산정 공식 (대충)

일반: 동거 1년 미만, 능력치 합 < 150 레어: 동거 1~3년, 능력치 합 150~250 에픽: 동거 3~10년, 능력치 합 250~320 전설: 동거 10년 이상 OR 능력치 합 320+

→ 10년 넘게 못 버린 건 무조건 전설. 이게 사람들 자극함.

도감 진입 플로우

사진 업로드 → 자동 도트화 ("당신의 ○○이(가) 도감에 등록됩니다...") 포획일 입력 → "이 친구를 처음 만난 날" 이름 짓기 → 진짜 이름 + 별명 4가지 능력치 질문 → 슬라이더 UI, 도트 게이지로 채워짐 마지막 한마디 → 자유 입력 (140자) 도감 등록 애니메이션 → 카드가 도감에 찰칵 꽂히는 효과 + 효과음 결과: "축하합니다! No.047 ★전설 등급 ○○이(가) 도감에 추가되었습니다" 공유 카드 생성 → 트위터/스레드/인스타용

도감(메인 페이지) 구조

내 도감 (개인): 그리드, 등록한 카드들. 빈 슬롯도 보임 ("???") 전체 도감 (공개 갤러리): 다른 사람들이 등록한 것들 흐름

필터: 등급별, 카테고리별 (의류/전자기기/선물/추억템/...) 정렬: 최신 / 동거기간 / 인기

명예의 전당: 전설 등급만 모인 페이지 오늘의 도감: 매일 1개 픽업 → 트위터 봇으로 자동 게시

사이트 이름 + 도메인 이름 후보:

버림도감 (직관적, 한글 SEO 좋음) 버림dex (영어 섞기, 좀 더 키치) Burimdex (해외 확장 가능) 버림덱스 (한글 표기)

도메인 후보:

burimdex.com burimdex.kr burim.cc (짧음)

→ 개인적 추천: 버림도감 / burimdex.com. 한국 안에선 한글 이름, URL은 영어.

1주 실행 플랜 (최종) Day 1 — 디자인 시스템 + 첫 카드

Tailwind config에 컬러/폰트 등록 도트 카드 컴포넌트 1개 완성 (정적) 본인 물건 1개로 더미 카드 만들어서 느낌 확인 ⚠️ 여기서 느낌 안 나오면 멈추고 디자인부터 다시

Day 2 — 입력 플로우

5단계 폼 (사진→포획일→이름→능력치→한마디) 사진 도트화 필터 (Canvas API로 픽셀화, 라이브러리 안 써도 됨) 능력치 슬라이더 → 도트 게이지 실시간 반영

Day 3 — 등록 + 저장

Supabase로 카드 저장 등급 자동 계산 로직 등록 애니메이션 + 효과음 (mp3 1개)

Day 4 — 내 도감 / 전체 도감

그리드 페이지 2개 빈 슬롯 "???" 처리 (도감 완성 욕구 자극) 카드 클릭 → 상세 모달

Day 5 — 공유 카드 + 명예의 전당

og:image 동적 생성 (Vercel OG) 전설 등급 페이지

Day 6 — 본인 도감 10개 채우기

Yoon이 직접 10개 등록 → 전설 1개 이상 확보 트위터/스레드에 카드 이미지로 연재 시작 "버림도감 No.001 — 첫 월급으로 산 ○○" 식으로

Day 7 — 시드 배포

디시 자취갤, 인스티즈, 더쿠 정리/자취 카테고리 트위터 도트/픽셀아트 계정들 멘션 톤: 광고 X, "이런 거 만들어봤는데 같이 채워볼래?"

검증 신호 (1주 후)

카드 등록 수 > 50개 → 진짜 들어감 전설 등급 비율 > 10% → 사람들이 진짜 오래 못 버린 것을 꺼냄 = 진심 사용 재방문해서 2번째 카드 등록 > 5명 → 컬렉션 동력 작동 공유 카드 SNS 노출 > 100회 → 바이럴 잠재력

여기까지가 뼈대예요. 이제 어디부터 깊게 팔까요?

사진 도트화 알고리즘 같이 짜기 (의외로 까다로움 — 픽셀 크기, 컬러 양자화) 도감 카드 컴포넌트 HTML/Tailwind로 시안 만들기 능력치 질문 카피 다듬기 (이게 톤의 80%) 본인 첫 카드 5개 같이 써보기 (Yoon 물건으로) 공유 카드 og:image 디자인