← 피팅룸

COFFEE SUBSCRIPTION

매주 새로 볶는 커피 구독

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

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

루마의 원칙

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

사흘 이내 로스팅

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

취향 진단

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

산지 직거래

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

커핑 기록 동봉

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

나눠 받는 계정

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

언제든 일시정지

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

구독 플랜

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

Solo

12,900원주 1회

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

House

39,000원주 1회

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

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

LUMA루마

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

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

Fluent Design System 규칙으로 지은 화면

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

이 화면이 지키는 규칙

마이크로소프트의 디자인 언어로, 빛, 깊이, 모션, 재료, 스케일의 5가지 요소를 강조합니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, Fluent Design System 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 다섯 가지 — 빛 (Light) · 깊이 (Depth) · 모션 (Motion) · 재료 (Material) · 스케일 (Scale). 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 Reveal Highlight — 마우스 근접 시 테두리/배경 빛나는 효과 / Connected Animation — 화면 전환 시 공유 요소 연결 모션 쪽입니다. 무드로 읽으면 테크·미래적 · 신뢰감 계열, 밀도가 중간인 · 차가운 · 미래를 보는 · 격식 있는 자리에 놓입니다. 실제로는 Windows 11 앱 · Microsoft 365 제품군 · 기업용 SaaS 대시보드 같은 화면에서 자주 만납니다.

색이 하는 일

브랜드 파란색(Fluent Blue) 기반 2-tone 시스템. 밝은 Acrylic 레이어가 색조를 보조. 색의 역할은 이렇게 나뉩니다 — primary → 링크, 강조 버튼, 포커스 인디케이터 / background → 흰색(라이트) 또는 짙은 회색(다크) — Acrylic 효과의 기반 / surface → 반투명 Acrylic 레이어 — background를 흐리게 비춤. 대신 넘지 않는 선이 있습니다 — Acrylic 사용 시 배경이 없으면 fallback solid color 반드시 준비 / primary 계열 외 vivid color 추가 사용 자제. 이 페이지에 실제로 물려 있는 값은 강조색 #0078D4, 배경 #F3F3F3, 표면 반투명 레이어입니다. 대비 기준은 WCAG AA (4.5:1) 기본. Windows 고대비 테마 호환성 고려.

글자와 리듬

휴머니스트 산세리프. Windows 환경에서는 Segoe UI 계열이 표준이나 비Windows 환경에서는 동급 폰트 대체 가능. 글꼴은 최대 1종까지 씁니다. 타입 스케일은 1.2 (Minor Third) — Windows UI의 절제된 타이포 리듬. Segoe UI 또는 Segoe UI Variable 대체 시 동일한 x-height 비율 유지 / heading과 body의 weight 차이는 100~200 수준으로 온화하게 — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 Segoe UI 계열, 제목 600 · 본문 400 두께, 자간 0em입니다. 섹션 사이 여백은 표준적인 쪽으로 잡혀 있습니다.

손끝에서 갈리는 차이

Fluent Design System에서 하지 않는 것은 분명합니다 — Acrylic 없이 단순 투명도만으로 glass 흉내 금지 / hard shadow 사용 금지 — 부드러운 그림자 또는 없음 / 컬러풀한 배경 사용 자제 — 중립적 흰색/회색 기반. 버튼은 모서리를 살짝 굴린 모양에 살짝 떠오르는 호버, 카드는 바닥에서 떠 있는 표면에 살짝 떠오르는 반응으로 물려 있습니다. 배경에는 유리 블러 처리가 겹쳐 있습니다. 전환은 200ms cubic-bezier(0.1, 0.9, 0.2, 1) 한 박자로 통일했습니다. Connected Animation으로 화면 간 맥락 유지. 표준 이징 cubic-bezier(0,0,0,1) 사용. 빠르고 목적 있는 모션 — 장식용 애니메이션 배제. Windows 데스크톱 앱 · Microsoft 생태계 제품 · 기업용 SaaS 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.