사흘 이내 로스팅
주문이 모이면 그때 볶습니다. 미리 볶아 쌓아두지 않습니다.
COFFEE SUBSCRIPTION
로스팅한 지 사흘 안 된 원두만 담습니다. 취향을 고르면 매주 목요일에 도착합니다.
한 잔의 기준을 정해두고, 매주 그 기준대로 보냅니다.
주문이 모이면 그때 볶습니다. 미리 볶아 쌓아두지 않습니다.
다섯 가지 질문으로 산미와 바디를 맞춰 원두를 고릅니다.
에티오피아와 콜롬비아 농장에서 직접 계약해 들여옵니다.
그 주 배치의 커핑 노트와 로스팅 프로파일을 함께 보냅니다.
한 구독으로 두 가지 원두를 나눠 받을 수 있습니다.
여행이나 출장 주간은 구독 관리에서 한 번에 건너뜁니다.
원두 양과 주기만 고르면 됩니다. 약정 기간은 없습니다.
12,900원주 1회
22,900원주 1회
39,000원주 1회
첫 주는 취향 진단용 샘플 세 종으로 시작합니다.
DEMO · 브랜드 랜딩 · 레퍼런스
커피 구독 브랜드 LUMA의 랜딩 한 페이지를 39가지 디자인 스타일로 각각 다시 지었습니다. 콘텐츠는 그대로, 규칙만 갈아끼운 화면입니다.
구글이 만든 디자인 시스템으로, 물리적 재료와 조명의 은유를 사용합니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, Material Design 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — 재료는 은유다 (Material is the metaphor) · 대담하고, 그래픽적이며, 의도적이다 · 모션은 의미를 제공한다. 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 Elevation(0~5) 시스템 — 컴포넌트 깊이를 그림자로 표현 / Ripple 또는 상태 레이어(hover/focus/press) 인터랙션 쪽입니다. 무드로 읽으면 신뢰감 · 친근·발랄 계열, 밀도가 중간인 · 중성적인 · 시대색이 옅은 · 격식 있는 자리에 놓입니다. 실제로는 Android 앱 · Google 제품군 (Gmail, Drive 등) · 크로스 플랫폼 모바일 앱 같은 화면에서 자주 만납니다.
역할 기반 색상 토큰 시스템 (Material You). Primary 한 색에서 전체 팔레트를 자동 파생. 색의 역할은 이렇게 나뉩니다 — primary → CTA 버튼, 링크, 선택된 상태, 핵심 인터랙션 / secondary → 보조 버튼, 필터 칩, 덜 강조된 UI 요소 / tertiary → 대비 강조, 관련 없는 요소 구분. 대신 넘지 않는 선이 있습니다 — primary 단색에서 tonal palette(5단계 명도) 자동 생성 — 직접 변형 색을 만들지 않음 / surface와 background 간 명도 차이는 최소화 (tone 6 이하). 이 페이지에 실제로 물려 있는 값은 강조색 #6200EE, 배경 #FFFFFF, 표면 #F5F5F5입니다. 대비 기준은 WCAG AA (4.5:1) 기본, 중요 텍스트는 AAA (7:1) 권장.
휴머니스트 또는 기하학적 산세리프. 읽기 편하고 중립적인 느낌. 브랜드에 따라 교체 가능. 글꼴은 최대 1종까지 씁니다. 타입 스케일은 Material Type Scale 고정 (Display/Headline/Title/Body/Label 5단계). heading과 body 동일 폰트 패밀리 사용 권장 — weight로만 계층 구분 / Display: 57/45/36px, Headline: 32/28/24px, Body: 16/14/12px 스케일 준수 — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 Roboto 계열, 제목 500 · 본문 400 두께, 자간 0.01em입니다. 섹션 사이 여백은 표준적인 쪽으로 잡혀 있습니다.
Material Design에서 하지 않는 것은 분명합니다 — 그림자를 장식용으로 사용 금지 — elevation(고도)에 따라 의미 있게만 사용 / 색상만으로 상태 구분 금지 — 아이콘·텍스트 병행 필수 / 임의 색상 추가 금지 — Material Color System 역할 밖의 색 사용 자제. 버튼은 모서리를 살짝 굴린 모양에 살짝 떠오르는 호버, 카드는 바닥에서 떠 있는 표면에 살짝 떠오르는 반응으로 물려 있습니다. 버튼 글자는 전부 대문자로 눕습니다. 전환은 300ms cubic-bezier(0.4, 0, 0.2, 1) 한 박자로 통일했습니다. 표준 이징: cubic-bezier(0.4, 0, 0.2, 1) 300ms. 진입은 decelerate, 퇴장은 accelerate. 공유 축 전환(Shared Axis)으로 화면 간 관계 표현. Android 앱 개발 · Google 생태계 제품 · 기업용 SaaS 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.