← 피팅룸

COFFEE SUBSCRIPTION

매주 새로 볶는 커피 구독

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

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

루마의 원칙

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

사흘 이내 로스팅

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

취향 진단

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

산지 직거래

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

커핑 기록 동봉

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

나눠 받는 계정

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

언제든 일시정지

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

구독 플랜

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

Solo

12,900원주 1회

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

House

39,000원주 1회

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

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

LUMA루마

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

DEMO · 브랜드 랜딩 · 스타일

Glassmorphism 규칙으로 지은 화면

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

이 화면이 지키는 규칙

반투명한 유리 효과를 활용한 모던하고 세련된 디자인 스타일입니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, Glassmorphism 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — 투명성 · 깊이감 · 우아함. 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 backdrop-filter: blur() — 없으면 glassmorphism 아님 / 반투명 테두리 (glass-border) 쪽입니다. 무드로 읽으면 테크·미래적 · 럭셔리 계열, 밀도가 중간인 · 차가운 · 미래를 보는 · 중립적인 자리에 놓입니다. 실제로는 모던 랜딩 페이지 · 대시보드 카드 · 모달·팝업 UI 같은 화면에서 자주 만납니다.

색이 하는 일

배경 이미지·그라데이션의 색이 glass 레이어를 통해 배어나오는 간접 컬러 시스템. 색의 역할은 이렇게 나뉩니다 — background → 색감의 핵심 — 그라데이션·이미지·비비드 색상 배경이 전체 색조를 결정 / glass-surface → 흰색 또는 원하는 색의 반투명 (rgba, 투명도 10~30% 권장) / glass-border → 반투명 흰색 테두리 (rgba(255,255,255,0.3~0.5)). 대신 넘지 않는 선이 있습니다 — 배경 없이 glass만 단독 사용 금지 — 반드시 blur 처리될 배경 레이어 필요 / glass-surface 투명도는 10~30% 범위 권장 — 그 이상이면 glass 아님, 그 이하면 투명도 없음. 이 페이지에 실제로 물려 있는 값은 강조색 #FFFFFF, 배경 그라데이션, 표면 반투명 레이어입니다. 대비 기준은 반투명 배경 특성상 WCAG 자동 보장 어려움 — 텍스트에 text-shadow 또는 semi-opaque 배경 추가로 4.5:1 수동 확보.

글자와 리듬

가볍고 세련된 산세리프. 유리 효과의 우아함과 어울리는 얇은~중간 weight. 글꼴은 최대 2종까지 씁니다. 타입 스케일은 1.25 (Major Third) — 지나친 크기 차이는 glass의 가벼운 미감을 해침. 두꺼운 bold 폰트 지양 — 유리의 가벼운 느낌과 충돌 / 흰색 텍스트 사용 시 font-weight 300~400 권장 (얇을수록 glass 느낌 강화) — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 Inter 계열, 제목 600 · 본문 400 두께, 자간 0.02em입니다. 섹션 사이 여백은 넉넉한 쪽으로 잡혀 있습니다.

손끝에서 갈리는 차이

Glassmorphism에서 하지 않는 것은 분명합니다 — 불투명 solid 배경 카드를 glass와 혼용 금지 — 스타일 일관성 파괴 / 단색 배경 위 glass 사용 금지 — blur 처리할 텍스처나 그라데이션 배경 필수 / drop-shadow 강하게 사용 금지 — 미묘한 그림자만 허용 (0 8px 32px rgba(0,0,0,0.1) 수준). 버튼은 알약처럼 완전히 둥근 모양에 빛이 번지는 호버, 카드는 반투명 유리 표면에 빛이 번지는 반응으로 물려 있습니다. 배경에는 유리 블러 · 그라데이션 텍스트 · 움직이는 배경 처리가 겹쳐 있습니다. 전환은 400ms ease-in-out 한 박자로 통일했습니다. 부드러운 ease-in-out, 300~500ms. glass 레이어 등장 시 opacity 0→1 + blur 증가 페이드인. 과도한 모션은 유리의 고요함을 해침. 프리미엄 랜딩 페이지 · SaaS 대시보드 · 모달·오버레이 UI 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.