← 피팅룸

COFFEE SUBSCRIPTION

매주 새로 볶는 커피 구독

로스팅한 지 사흘 안 된 원두만 담습니다. 취향을 고르면 매주 목요일에 도착합니다.

4,200구독 중인 가정
72시간로스팅 후 배송까지
12종싱글 오리진 원두

루마의 원칙

한 잔의 기준을 정해두고, 매주 그 기준대로 보냅니다.

사흘 이내 로스팅

주문이 모이면 그때 볶습니다. 미리 볶아 쌓아두지 않습니다.

취향 진단

다섯 가지 질문으로 산미와 바디를 맞춰 원두를 고릅니다.

산지 직거래

에티오피아와 콜롬비아 농장에서 직접 계약해 들여옵니다.

커핑 기록 동봉

그 주 배치의 커핑 노트와 로스팅 프로파일을 함께 보냅니다.

나눠 받는 계정

한 구독으로 두 가지 원두를 나눠 받을 수 있습니다.

언제든 일시정지

여행이나 출장 주간은 구독 관리에서 한 번에 건너뜁니다.

구독 플랜

원두 양과 주기만 고르면 됩니다. 약정 기간은 없습니다.

Solo

12,900원주 1회

  • 200g 원두 한 봉
  • 분쇄도 선택 가능
  • 배송비 포함
  • 언제든 일시정지

House

39,000원주 1회

  • Duo의 모든 항목
  • 1kg 업소용 팩
  • 드립백 20개 추가
  • 담당자 상담 연결

첫 주는 취향 진단용 샘플 세 종으로 시작합니다.

LUMA루마

LUMA는 UI 데모를 위한 가상의 커피 브랜드입니다.

DEMO · 브랜드 랜딩 · 레퍼런스

SEED Design (당근) 규칙으로 지은 화면

커피 구독 브랜드 LUMA의 랜딩 한 페이지를 39가지 디자인 스타일로 각각 다시 지었습니다. 콘텐츠는 그대로, 규칙만 갈아끼운 화면입니다.

이 화면이 지키는 규칙

당근(Karrot)이 개발한 오픈소스 디자인 시스템으로, 하이퍼로컬 커뮤니티 서비스를 위한 따뜻하고 친근한 UX를 제공합니다. React·React Native·iOS·Android 멀티 플랫폼을 지원하며, Radix 기반 시맨틱 컬러 토큰, Stackflow 네비게이션, 접근성 내장 컴포넌트를 갖추고 있습니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, SEED Design (당근) 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — Warmth — 이웃 간 신뢰와 따뜻함을 전달하는 디자인 · Simplicity — 복잡한 거래를 직관적으로 단순화 · Consistency — 모든 플랫폼에서 동일한 당근 경험. 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 8px 기반 스페이싱 시스템 / 시맨틱 컬러 토큰을 통한 일관된 색상 사용 쪽입니다. 무드로 읽으면 따뜻한 · 친근·발랄 · 신뢰감 계열, 밀도가 중간인 · 따뜻한 · 시대색이 옅은 · 격식 있는 자리에 놓입니다. 실제로는 하이퍼로컬 커뮤니티 플랫폼 · 중고거래 마켓플레이스 · 동네 생활 서비스 앱 같은 화면에서 자주 만납니다.

색이 하는 일

Radix Colors 기반 시맨틱 컬러 토큰 시스템으로, 12단계 스케일과 알파 변형을 갖춘 오렌지(Carrot) 중심 팔레트. 색의 역할은 이렇게 나뉩니다 — primary → Carrot Orange (#FF6F0F) — 브랜드 CTA 및 핵심 강조 / background → White(#FFFFFF) / Gray Scale 배경 / text → Gray 900(#212124) 본문, Gray 600(#868B94) 보조. 대신 넘지 않는 선이 있습니다 — Radix 12단계 스케일 기반 — 스텝 간 균일한 명도 차이 보장 / 알파 변형(A 접미사)으로 투명 배경 위 오버레이 사용. 이 페이지에 실제로 물려 있는 값은 강조색 #FF6F0F, 배경 #FFFFFF, 표면 #FFFFFF입니다. 대비 기준은 WCAG 2.1 AA (4.5:1 본문, 3:1 대형 텍스트) — React Aria 내장 검증.

글자와 리듬

Pretendard — 한국어에 최적화된 현대적 산세리프. 글꼴은 최대 1종까지 씁니다. 타입 스케일은 1.25 (Major Third). Title(28~24px) → Subtitle(20~18px) → Body(16~14px) → Caption(13~12px) 체계적 스케일 / 모바일 가독성 우선 — Body 최소 14px 이상 — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 Inter 계열, 제목 700 · 본문 400 두께, 자간 -0.01em입니다. 섹션 사이 여백은 촘촘한 쪽으로 잡혀 있습니다.

손끝에서 갈리는 차이

SEED Design (당근)에서 하지 않는 것은 분명합니다 — 시맨틱 토큰 무시하고 하드코딩된 색상값 직접 사용 금지 / Stackflow 네비게이션 패턴을 벗어난 커스텀 라우팅 금지 / 모바일 터치 타겟 44px 미만으로 설정 금지. 버튼은 모서리를 살짝 굴린 모양에 어두워지는 호버, 카드는 납작한 표면에 살짝 떠오르는 반응으로 물려 있습니다. 전환은 250ms ease-out 한 박자로 통일했습니다. ease-out 250ms 기본 — 부드럽고 자연스러운 전환, 사용자에게 친근한 느낌의 모션. 모바일 중심 C2C 커뮤니티 서비스 · 따뜻하고 친근한 브랜드 경험이 필요한 앱 · 멀티 플랫폼 동시 출시가 필요한 스타트업 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.